如何用HTML,让歌词在图片上滚动。 我发音乐帖子用的。

如何用HTML,让歌词在图片上滚动。 我发音乐帖子用的。,第1张

<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>

亲,您可以使用这个标签 <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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7230871.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存