yahoo首页伸缩效果代码

更新时间：2008年05月14日 09:04:51 作者：

js伸缩效果代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="Sheneyan" /> <script type="text/javascript"> var mh = 30;//最小高度 var step = 1;//每次变化的px量 var ms = 10;//每隔多久循环一次 function toggle(o){   if (!o.tid)o.tid = "_" + Math.random() * 100;   if (!window.toggler)window.toggler = {};   if (!window.toggler[o.tid]){     window.toggler[o.tid]={       obj:o,       maxHeight:o.offsetHeight,       minHeight:mh,       timer:null,       action:1     };   }   o.style.height = o.offsetHeight + "px";   if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer);   window.toggler[o.tid].action *= -1;   window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms ); } function anim(id){   var t = window.toggler[id];   var o = window.toggler[id].obj;   if (t.action < 0){     if (o.offsetHeight <= t.minHeight){       clearTimeout(t.timer);       return;     }   }   else{     if (o.offsetHeight >= t.maxHeight){       clearTimeout(t.timer);       return;     }   }   o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";   window.toggler[id].timer = setTimeout("anim('"+id+"')",ms ); } </script> <style type="text/css"> div.xx{border:solid 1px;overflow:hidden;} div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;} </style> </head> <body> <div class="xx"><h5 onclick="toggle(this.parentNode)">点击我看"伸缩效果"</h5> <p><a href="https://www.jb51.net/">脚本之家</a＞</p> <br><p><a href="http://www.xiaoshuo8.net/">爱在小说吧</a></p><br> <p><a href="http://bbs.jb51.net/">脚本交流社区</a></p> <br></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

CSS鼠标悬停菜单图片交换技术实现
这是一个使用了图片交换技术制作的CSS鼠标悬停菜单，也就是大家所说的鼠标经过换色，不过本例中的菜单并没有使用纯CSS来实现背景换色，这里将用一幅图片替换了背景色，因为主要是想让大家了解CSS对背景图片控制的技巧
2009-11-11
javascript 三级下拉选择菜单Levels对象
javascript 三级下拉选择菜单Levels对象，非常的不错，大家可以参考下。
2009-07-07
javascript 代码简单的管理菜单
2008-05-05
改写一个简单的菜单弹性大小
看到一个简单的菜单样式，由于是作者比较早的作品，视觉效果不太好，有点突兀自己做了一点小修改，模仿icon动画的效果(区别的关键点是getStyle取得当前计算样式这个函数)
2010-12-12
超个性的导航效果
超个性的导航效果...
2007-11-11
DIV+CSS设计的动感横向导航
DIV+CSS设计的横向导航菜单，可自己修改颜色。
2010-07-07
可以媲美Flash的JS导航菜单
可以媲美Flash的JS导航菜单...
2007-03-03
鼠标滑过放大显示效果的列表
非常不错的当鼠标放上去以后，类别将会出现放大的一些文字和图片，适合一些tips消息框效果
2008-12-12
JS模拟的QQ面板上的多级可展开的菜单
JavaScript结合 CSS完成QQ聊天面板菜单的功能，点击某一项菜单后，开始展开，再次点击则关闭，支持多级（三级），代码中预留有用于修饰的背景图像代码，请根据你的实际需要补全，应该是非常实用的。
2009-10-10
通用的二级菜单代码(css+javascript)
前几天做网站使用到二级菜单，想也没想就在网上当了几个，不过大多都不太满意，只有《CSS二级菜单》看上去似乎好一点，就使用了那个。
2009-07-07

yahoo首页伸缩效果代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具