注册 登录
编程论坛 JavaScript论坛

滚动效果

海阔 发布于 2009-10-29 13:10, 634 次点击
程序代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
    var i=1;
    function show()
    {
        if(Div3.offsetTop-Div1.scrollTop<=0)
        {
            Div1.scrollTop-=Div2.offsetHeight;
        }
        else
        {
            Div1.scrollTop++;
        }
        
    }
    var theTime=setInterval("show()",50);
</script>
</head>
<body>
<div id="Div1" style="overflow:hidden;width:383px;height:275px">
<div id="Div2" style="overflow:hidden;width:346px;height:117px">
  <p>asdfasdfffffffffffffffffffffffffffff</p>
  <p>fffffffffffffffffffffffffffffffffffffffff</p>
  <p>fffffffffffffffffffffffffffffffffffffffffffffff</p>
  <p>fffffffffffffffffffffffffffffffffffffffffffff</p>
</div>
<div id="Div3" style="position:absolute;left:15px;top:153px;width:353px;height:105px">
  <p>fffffffffffffffffffffffffffffffff</p>
  <p>sssssssssssssssssssssssssssssssssssss</p>
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>
</div>
</body>
</html>
不知道为什么只滚动一下就不走了!请大侠帮忙看看!
1 回复
#2
海阔2009-10-29 22:17
自己给自己解决吧!父层的height设小点就哦了!哎!
1