📄 tryit_view.asp@filename=trydhtml_scrolltext

📁 W3Schools tutorial..web designing

💻 ASP@FILENAME=TRYDHTML_SCROLLTEXT

字号:

<html>
<head>
<style>
span
{
font:12px arial;
background:#CCCCCC;
position:absolute;
width:100;
height:500;
top:100;
clip:rect(0 100 100 0);
}
</style>
<script type="text/javascript">
var interval;
startPosition=0;
topPosition=100;
endPosition=100;
speed=50;

function scrollit()
{
if (startPosition!=200)
	{
	startPosition=startPosition+1;
	topPosition=topPosition-1;
	document.getElementById('display').style.clip="rect(" + (startPosition + 1) + " 100 " + (startPosition + endPosition) + " 0)";
	document.getElementById('display').style.top=topPosition;
	interval=setTimeout("scrollit()",speed);
	}
else
	{
	startPosition=0;
	topPosition=100;
	endPosition=100;
	interval=setTimeout("scrollit()",speed);
	}
}

function stopinterval()
{
clearTimeout(interval);
}
</script>
</head>

<body onload="scrollit()" onunload="stopinterval()">
<span id="display"><br /><br /><br /><br /><br /><br /><br />
Hello Developers, this script makes a scrolling text. <br />Visit W3Schools.com
</span>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -