相关文章
网页背景设计全攻略
网页设计用Dreamweaver MX创造网页鼠标样式
北京网站建设使用Photoshop绘制精致的网页搜索框
网站制作你对html了解多少呢？
网页设计在DreamweaverCS3中用Spry将XML数据显示到HTML页
北京网站设计Photoshop直观调节反转负冲效果
北京网页设计网页小知识：注册/登录方式的设计
北京网页设计细谈网页优化和网站优化的几种方式
北京网站建设对Web页面元素的绝对唯一引用方法
www.qt-net.com什么样的界面算是好界面－7个案例
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> www.qt-net.com北京网站制作网页特效：滑动展开与折叠效果
www.qt-net.com北京网站制作网页特效：滑动展开与折叠效果
作者： 北京网站建设 日期：2008-03-27 06:14:07 来源： http://www.qt-net.com
网站制作资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作, 北京网页设计北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨. 北京网站建设北京网站建设网址：http://www.qt-net.com
=======================================================================================
需要写个滑动展开折叠的效果，搜索到无忧脚本的一篇贴子，稍加修改了下使其在FF也可应用，代码如下：
网站建设
|
|
<script type="text/javascript"> 网站设计北京网页设计
//Url: http://bbs.51js.com/thread-61646-1-1.html 网站设计
//Author: 风云突变 网站设计
//Modify: 枫岩 北京网站制作 北京网页设计
var act; 网站制作
function over(s,nMax){ 网页设计北京网站设计
var obj=document.getElementById(s); 北京网站设计
var h = parseInt(obj.offsetHeight); 北京网站建设
if (h < nMax){ www.qt-net.com
obj.style.height = (h + 2)+"px"; www.qt-net.com
clearTimeout(act); 北京网页设计
act = setTimeout("over('"+s+"',"+nMax+")", 10); 企通互联
} 北京网站建设 www.qt-net.com
} 网站制作
function out(s,nMin){ 北京网站建设
var obj=document.getElementById(s); 网站制作
var h = parseInt(obj.offsetHeight); 北京网站制作
if (h > nMin){ 北京网站设计
obj.style.height = (h - 2)+"px"; 网站制作
clearTimeout(act); 北京网站设计
act = setTimeout("out('"+s+"',"+nMin+")", 10); 网页设计
} 网页设计
} 网站制作
</script> 网站建设
<div id="mytd" onmouseover="over('mytd',200);" onmouseout="out('mytd',30);" style="background:#eee;">代码实例：层的滑动展开/折叠</div>
//Url: http://bbs.51js.com/thread-61646-1-1.html 网站设计
//Author: 风云突变 网站设计
//Modify: 枫岩 北京网站制作 北京网页设计
var act; 网站制作
function over(s,nMax){ 网页设计北京网站设计
var obj=document.getElementById(s); 北京网站设计
var h = parseInt(obj.offsetHeight); 北京网站建设
if (h < nMax){ www.qt-net.com
obj.style.height = (h + 2)+"px"; www.qt-net.com
clearTimeout(act); 北京网页设计
act = setTimeout("over('"+s+"',"+nMax+")", 10); 企通互联
} 北京网站建设 www.qt-net.com
} 网站制作
function out(s,nMin){ 北京网站建设
var obj=document.getElementById(s); 网站制作
var h = parseInt(obj.offsetHeight); 北京网站制作
if (h > nMin){ 北京网站设计
obj.style.height = (h - 2)+"px"; 网站制作
clearTimeout(act); 北京网站设计
act = setTimeout("out('"+s+"',"+nMin+")", 10); 网页设计
} 网页设计
} 网站制作
</script> 网站建设
<div id="mytd" onmouseover="over('mytd',200);" onmouseout="out('mytd',30);" style="background:#eee;">代码实例：层的滑动展开/折叠</div>
无忧网友 fangxiao9159 再次优化后：
<script type="text/javascript"> 北京网站设计
var intervalId = null; 北京网站建设
function move(id,state){ 北京网站建设
var obj = document.getElementById(id); www.qt-net.com
if(intervalId != null) 北京网站制作
window.clearInterval(intervalId); 北京网站设计
function change(){ 北京网页设计
var h = parseInt(obj.offsetHeight); 网站制作 企通互联
obj.style.height = (state == "down") ? (h + 2) : (h - 2); 网站建设
} 网页设计
intervalId = window.setInterval(change,10); www.qt-net.com
} 网站建设
</script> 企通互联
<table border="1" cellpadding="0" cellspacing="0" id="mytd" onmouseover="move('mytd','down');" onmouseout="move('mytd','out');"> 北京网站制作
<tr><td>无忧脚本 - 风云突变</td></tr></table>
var intervalId = null; 北京网站建设
function move(id,state){ 北京网站建设
var obj = document.getElementById(id); www.qt-net.com
if(intervalId != null) 北京网站制作
window.clearInterval(intervalId); 北京网站设计
function change(){ 北京网页设计
var h = parseInt(obj.offsetHeight); 网站制作 企通互联
obj.style.height = (state == "down") ? (h + 2) : (h - 2); 网站建设
} 网页设计
intervalId = window.setInterval(change,10); www.qt-net.com
} 网站建设
</script> 企通互联
<table border="1" cellpadding="0" cellspacing="0" id="mytd" onmouseover="move('mytd','down');" onmouseout="move('mytd','out');"> 北京网站制作
<tr><td>无忧脚本 - 风云突变</td></tr></table>
网站建设