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

本文链接：https://blog.csdn.net/xiaopin166/article/details/83682399

<!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写法——www.aa25.cn标准之路</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://xy.8zgame.com/Article/Detail.aspx?newstype=1&id=373" target="_blank" class="hei">轮回﹒修真﹒神话 创意新作《岐山》首度公开</a></li>
    <li><a href="http://xy.8zgame.com/Article/Detail.aspx?newstype=1&id=381" target="_blank"  class="hei">西游战记炫彩登场 1080P高清画面享受</a></li>
    <li><a href="http://xy.8zgame.com/Article/Detail.aspx?newstype=1&id=424" target="_blank" class="hei">开测前必读 《西游战记》新手问题合辑</a></li>
    <li><a href="http://xy.8zgame.com/Article/Detail.aspx?newstype=1&id=446" target="_blank" class="hei">呕血推荐 《西游战记》36大亮点纵览</a></li>
    <li><a href="http://xy.8zgame.com/Article/Detail.aspx?newstype=1&id=424" target="_blank" class="hei">1开测前必读 《西游战记》新手问题合辑</a></li>
    <li><a href="http://xy.8zgame.com/Article/Detail.aspx?newstype=1&id=424" 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>

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

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