javascript:google 向上向下滚动特效,兼容IE6,7,8,FF

2019-11-21 00:18:06

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法</title> <style type="text/css"> #google1 { border:none; width:270px; height:20px; margin:0px 0; font-size:12px; padding-left:0px; overflow:hidden; font-family:Arial; } #google1 ul { margin:0px; padding:0px; list-style-type:none; } #google1 li { line-height:20px; } </style> </head> <body> <div id="google1"> <ul id="dhooo1"> <li><a href="http://www.baidu.com" target="_blank" class="hei">轮回�修真�神话 创意新作《岐山》首度公开</a></li> <li><a href="//www.VeVB.COm" target="_blank" class="hei">西游战记炫彩登场 1080P高清画面享受</a></li> <li><a href="http://s.VeVB.COm" target="_blank" class="hei">开测前必读 《西游战记》新手问题合辑</a></li> <li><a href="http://tools.VeVB.COm" target="_blank" class="hei">呕血推荐 《西游战记》36大亮点纵览</a></li> <li><a href="//www.VeVB.COm/softs/" target="_blank" class="hei">1开测前必读 《西游战记》新手问题合辑</a></li> <li><a href="//www.VeVB.COm/codes/" target="_blank" class="hei">2开测前必读 《西游战记》新手问题合辑</a></li> </ul> </div> <script type="text/javascript"> xS=function(A,B,C,D,E,F){ var $=function (id){return document.getElementById(id)},Y=+!!F; (A=$(A)).appendChild((B=$(B)).cloneNode(true)); (function (){ var m=A.scrollTop%C?(E||0):D; A.scrollTop=[0,B.offsetHeight][Y]==A.scrollTop?[B.offsetHeight-1,1][Y]:(A.scrollTop+[-1,1][Y]); setTimeout(arguments.callee,m); })() return arguments.callee; } xS('google1','dhooo1',20,3000,10,1); </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

这个代码是我之前带网上找的，因为今天再次用到，所以记录下来，免得以后都找不到，我现在想去搜它的说明文档都搜不到！

这个代码非常简洁，且浏览器兼容性超好，唯一的问题就是如果你要滚动多条的话就会有问题! 所以需要调参数C 和样式里面的高度

上一篇：Javascript倒计时代码

下一篇：JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题