8-15.htm
来自「JavaScript网页特效实例大全」· HTM 代码 · 共 40 行
HTM
40 行
<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)来滚动浏览器窗口-->
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?