发信人: xianfu163com(凤凰E站)
整理人: eagle(2002-01-29 09:05:05), 站内信件
|
下面代码定义层中显示的文字的大小等风格:
<STYLE>
.ticker {
position: absolute;
font-family:arial;
color:red;
font-size:30px;
letter-spacing:1;
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--//
var y=300
var bgticker
function initObjects() {
if (document.all) {
bgticker = document.all.bgtick.style
bgticker.posLeft = 10
bgticker.posTop = 400
mainbody = document.all.mainbod.style
mainbody.posLeft = 0
mainbody.posTop = 0
}
if (document.layers) {
bgticker = document.bgtick
bgticker.left = 50
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>
不要忘记Body标签中需要onload事件句柄:
<body onLoad="initObjects()">
下面2各div层的名字不要随意修改,将所有要显示的文字或者图片全部放在这个闭合的div标签内。
<div id="bgtick" style="position:align:center" class="ticker">
Do You Love Me?? :- )<br>^_^<p>
<img src="c:\windows\安装程序.bmp" width="200" height="140" border="0">
</div>
<div id="mainbod" style="position:absolute; visibility:visible">
</div>
</body>
---- ^_^ 我爱我家 Y
YYYYYYY
YY凤凰E站YY
YYYYYYY
|
|