JS实现的滑动展开与折叠效果

UK9V6T

UK9V6T

2016-01-29 11:28

JS实现的滑动展开与折叠效果,JS实现的滑动展开与折叠效果
要写个滑动展开折叠的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在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){ 
    obj.style.height = (h + 2)+"px"; 
    clearTimeout(act); 
    act = setTimeout("over(’"+s+"’,"+nMax+")", 10); 
  } 

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
展开更多 50%)
分享

猜你喜欢

JS实现滑动展开与折叠效果

Web开发
JS实现滑动展开与折叠效果

JS实现的滑动展开与折叠效果

电脑网络
JS实现的滑动展开与折叠效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript:JS实现的滑动展开与折叠效果

Web开发
javascript:JS实现的滑动展开与折叠效果

滑动展开/收缩广告代码实例效果

电脑网络
滑动展开/收缩广告代码实例效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JS创建优美的页面滑动块效果 - Glider.js

Web开发
JS创建优美的页面滑动块效果 - Glider.js

js实现的层变换效果

Web开发
js实现的层变换效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《刀塔传奇》万金油阵容搭配详解

《刀塔传奇》万金油阵容搭配详解

JavaScript的目的

JavaScript的目的
下拉加载更多内容 ↓