背景滚动文字的制作
如果将一段文字放在一个小范围内滚动,是不是觉得太小,不够大气.如果在自己的个人主页上来个满屏的抒情诗的滚动,可以让阅览者有温馨的感觉.
当然,滚动的文字不能覆盖你的页面内容,这样的话,就要分层
<HTML>
<HEAD>
<TITLE>背景滚动文字</TITLE>

<SCRIPT LANGUAGE="JavaScript1.1">
<!--//

//y表示一开始字符距离页面顶部的距离；

var y=100;
var bgticker;

function initObjects() {
if (document.all) {
bgticker = document.all.bgtick.style ;
bgticker.posLeft = 0;
bgticker.posTop = 400;
mainbody = document.all.mainbod.style;
mainbody.posLeft = 0;
mainbody.posTop = 0;
}
if (document.layers) {
bgticker = document.bgtick;
bgticker.left = 0;
bgticker.top = 300;
mainbody = document.mainbod;
mainbody.left = 0;
mainbody.top = 0;
}
scroll();
}

function scroll() {
if (y > -200) {
y--;
if (document.all) {
bgticker.posTop = y;
mainbody.posTop=0;
}
if (document.layers) {
bgticker.top = y;
mainbody.top=0;
}
}
else {
y=300;
}
var timer = setTimeout('scroll()',20);
}

//-->
</SCRIPT>

<!--修改STYLE适应自己的页面字体-->

<STYLE>
.ticker {
position: absolute;
font-family:Arial;
color:DDDDDD;
font-size:60px;
letter-spacing:1;
}
</STYLE>

</head>

<body onLoad="initObjects()">
<!--进行初始化。-->

<div id="bgtick" class="ticker">I love you! <br><font color=red>You love me?<font>
</div>
<div id="mainbod" style="position:absolute; visibility:visible">
</div>
</body>
</html>