javascript:google向上向下滚动特效,兼容IE6,7,8,FF_javascript技巧_懂视

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

2020-11-27 20:54:38 责编:小采

<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> 
 
 
<li>轮回﹒修真﹒神话 创意新作《岐山》首度公开</li> 
<li>西游战记炫彩登场 1080P高清画面享受</li> 
<li>开测前必读 《西游战记》新手问题合辑</li> 
<li>呕血推荐 《西游战记》36大亮点纵览</li> 
<li>1开测前必读 《西游战记》新手问题合辑</li> 
<li>2开测前必读 《西游战记》新手问题合辑</li> 
 
 
<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> 
<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
这个代码是我之前带网上找的，因为今天再次用到，所以记录下来，免得以后都找不到，我现在想去搜它的说明文档都搜不到！

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

下载本文

显示全文

全部频道