精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>DHTML,JavaScript专栏>>JS-特效:利用div层构建滚动的特殊效果,可以使问题也可以使图象,

主题:JS-特效:利用div层构建滚动的特殊效果,可以使问题也可以使图象,
发信人: 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
   

[关闭][返回]