📄 14-43.htm

📁 JavaScript学习的网页教程。内容简单易懂

💻 HTM

字号:

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>ScrollBy Controller</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
var scrollSpeed = 500               //滚动的时间间隔（毫秒）
var scrollJump = 1                  //滚动的距离（象素点）
var scrollDirection = "down"        //滚动的方向
var intervalID		//用于存放由setInterval( )方法产生的返回给clearInterval( )方法的参数

function autoScroll() {
	if (scrollDirection == "down") {
		scrollJump = Math.abs(scrollJump)
	} 
	else if (scrollDirection == "up" && scrollJump > 0) {
		scrollJump = -scrollJump
	}
	parent.display.scrollBy(0, scrollJump)
	if (parent.display.pageYOffset <= 0) {
		clearInterval(intervalID)
	}
}

function reduceInterval() {
	stopScroll()
	scrollSpeed -= 100
	startScroll()
}
function increaseInterval() {
	stopScroll()
	scrollSpeed += 100
	startScroll()
}
function reduceJump() {
	scrollJump -= 2
	}
function increaseJump() {
	scrollJump += 2
}
function swapDirection() {
	scrollDirection = (scrollDirection == "down") ? "up" : "down"
}
function startScroll() {
	parent.display.scrollBy(0, scrollJump)
	intervalID = setInterval("autoScroll()",scrollSpeed) 
}
function stopScroll() {
	clearInterval(intervalID)
}
</SCRIPT>
</HEAD>
<BODY onLoad="startScroll()">			<!--窗口装入时自动以默认值滚动下框架的内容-->
<B>AutoScroll by setInterval() Controller</B>
<FORM NAME="custom">
<INPUT TYPE="button" VALUE="Start Scrolling" onClick="startScroll()">
<INPUT TYPE="button" VALUE="Stop Scrolling" onClick="stopScroll()"><p>
<INPUT TYPE="button" VALUE="Shorter Time Interval" onClick="reduceInterval()">
<INPUT TYPE="button" VALUE="Longer Time Interval" onClick="increaseInterval()"><p>
<INPUT TYPE="button" VALUE="Bigger Scroll Jumps" onClick="increaseJump()">
<INPUT TYPE="button" VALUE="Smaller Scroll Jumps" onClick="reduceJump()"><p>
<INPUT TYPE="button" VALUE="Change Direction" onClick="swapDirection()">

</FORM>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -