JS图片定时翻滚效果实现方法_javascript技巧_脚本之家

JS图片定时翻滚效果实现方法_javascript技巧_脚本之家。希望本文所述对大家JavaScript程序设计有所帮助。

本文实例讲述了JS图片定时翻滚效果实现方法。分享给大家供大家参考,具体如下:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

  图片向上翻滚效果  .father{ position:relative; overflow:hidden; height:100px; width:300px; } .box { float: left; font-size: 12px; width: 80px; height: 120px; overflow: hidden; position:absolute; }   var t; window.onload = function(){ var o = document.getElementById; t = window.setInterval{ scrollup } ///滚动主方法 ///参数:o 滚动块对象 ///参数:d 每次滚屏高度 ///参数:c 当前已滚动高度 function scrollup{ if  { var t = getFirstChild.cloneNode; o.removeChild(getFirstChild; o.appendChild; t.style.marginTop = "0px"; } else { c += 1; getFirstChild.style.marginTop = -c + "px"; window.setTimeout{ scrollup; } } //解决firefox下会将空格回车作为节点的问题 function getFirstChild{ while  { node = node.nextSibling; } return node; }    滚动定时效果演示                  

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图