html滚动字幕怎么做

亲，您可以使用这个标签 <marquee>滚动文字</marquee>来实现滚动字幕，

当然也可以用direction属性来控制滚动文字的方向，</marquee>设置滚动的<marquee direction="滚动方向">滚动文字</marquee>，它可以有up、down、left 和 right四种方式。

还可以用behavior来控制滚动方式的属性， <marquee behavior="滚动方式">滚动文字</marquee>

，它可以有scroll 循环滚动，默认效果；

slide 只滚动一次就停止；

alternate来回交替进行滚动三种方式。

<script type="text/javascript">

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>

---