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

2020-05-12 我要评论

<!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> 
<ul id="dhooo1"> 
<li><a href="http://www.baidu.com" target="_blank" class="hei">轮回﹒修真﹒神话 创意新作《岐山》首度公开</a></li> 
<li><a href="https://m.qb5200.com/www.qb5200.com" target="_blank" class="hei">西游战记炫彩登场 1080P高清画面享受</a></li> 
<li><a href="http://s.jb51.net" target="_blank" class="hei">开测前必读 《西游战记》新手问题合辑</a></li> 
<li><a href="http://tools.softyun.net" target="_blank" class="hei">呕血推荐 《西游战记》36大亮点纵览</a></li> 
<li><a href="https://m.qb5200.com/www.qb5200.com/softs/" target="_blank" class="hei">1开测前必读 《西游战记》新手问题合辑</a></li> 
<li><a href="https://m.qb5200.com/www.qb5200.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:google 向上向下滚动特效,兼容IE6,7,8,FF

相关文章

猜您喜欢

今日热门