百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> js控制屏幕向上向下滚动
分享文章到:

js控制屏幕向上向下滚动

发布时间:01/14 来源: 浏览: 关键词:
js控制屏幕向上向下滚动


<html>

<head>
<title>滚屏按钮</title>
</head>


<script Language="JavaScript">

function scrollit(){
        for (I=1; I<=500; I++){     <!--定义变量I表示纵坐标的值-->
                parent.scroll(1,I)  <!--调用函数parent.scroll(x,y)来滚动浏览器窗口,I从小变大,所以是向下滚屏-->
        }
}

function scrollit1() {
for (I=5000; I>1; I=I-1){          <!--定义变量I表示纵坐标的值-->
scroll(1,I)                        <!--调用函数parent.scroll(x,y)来滚动浏览器窗口,I从大变小,所以是向上滚屏-->
   }
}

</script>
<form>
<div ><p><input type="button" value="向下滚屏" onClick="scrollit()"> </p>
</div>
</form>
……

<input type="button" value="向上滚屏"
  onClick="scrollit1()">
<body>

</body>

</html>

<!--本案例实现了滚屏的功能-->
<!--页面上有两个按钮,分别是向上滚屏和向下滚屏-->
<!--滚动的方向取决于循环变量的变化趋势-->
<!--通过调用parent.scroll(x,y)来滚动浏览器窗口-->

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板