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

2016-01-29 11:28 250 1 收藏

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

【 tulaoshi.com - Javascript 】

要写个滑动展开折叠的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在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

来源:http://www.tulaoshi.com/n/20160129/1482461.html

延伸阅读
标签: Web开发
大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: html head titlecss圆角效果/title meta http-equiv="content-type" content="text/html; charset=gb2312" style type="text/css" div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: ...
使用Gallery和ImageView实现android左右滑动+索引图标效果。 首先自定义Gallery实现一次只能滑动一个页面 代码如下: public class MGalleryView extends Gallery{ public MGalleryView(Context context, AttributeSet attrs) { super(context, attrs); } //一次只能滑动一张图片注:一张图充满全屏 @Override public boolean o...
代码如下: FrameLayout             android:layout_width="fill_parent"             android:layout_height="wrap_content"             android:background="#f...
前面一篇文章实现了使用ViewPager实现高仿launcher拖动效果 ,后来很多朋友问能不能实现左右循环滑动效果和引导页面。今天实现了左右滑动,至于在最后一页滑动跳转,这个也做了但是效果不是太好,也希望有实现的朋友能够分享下。在最后一页添加一张图片单击跳转,这个认为很简单大家自己添加个图片,点击后跳转就OK。 这篇是在实现了使用ViewP...
标签: Web开发
缓动,学名为Tween,缓冲移动的简称。要想页面内容切换起来舒服,就使用淡入淡出特效,要想让页面元素动起来自然,就要使用缓动效果。这两个混合起来,可以衍生多种特效的。感谢Flash开发人员为我们做了那么多先行研究,我们直接把它们拆出来装在各种菜单与相册中。我们先从最简单的东西做起,加速与减速。 既然是缓动,它就一定涉及以下概...

经验教程

793

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部