marqueesHeight=222
stopscroll=false
document.write('<div id="templayer" style="position:absolutez-index:1visibility:hidden"></div>')
preTop=0currentTop=0
function init(){
with(marquees){
style.height=marqueesHeight
style.overflowX="visible"
style.overflowY="hidden"
noWrap=true
onmouseover=new Function("stopscroll=true")
onmouseout=new Function("stopscroll=false")
}
templayer.innerHTML=""
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML
setInterval("scrollup()",50)//这里的数字是歌词滚动速度,根据需要填写
}
onload=init
function scrollup(){
if(stopscroll==true) return
preTop=marquees.scrollTop
marquees.scrollTop+=1
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight
marquees.scrollTop+=1
}
}
</script>
<br />:
<div id="marquees">
滚动文字内容,就是你所说的歌词<br />
</div>
亲,您可以使用这个标签 <marquee>滚动文字</marquee>来实现滚动字幕,当然也可以用direction属性来控制滚动文字的方向,</marquee>设置滚动的<marquee direction="滚动方向">滚动文字</marquee>,它可以有up、down、left 和 right四种方式。
还可以用behavior来控制滚动方式的属性, <marquee behavior="滚动方式">滚动文字</marquee>
,它可以有scroll 循环滚动,默认效果;
slide 只滚动一次就停止;
alternate来回交替进行滚动三种方式。
活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的<marquee>活动字幕标记所需的代码最少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:<marquee
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)