javasript代码
<divid="blink">闪烁的文字</div>
<scriptlanguage="javascript">
functionchangeColor(){
varcolor="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"
color=color.split("|")
document.getElementById("blink").style.color=color[parseInt(Math.random()*color.length)]
}
setInterval("changeColor()",200)
</script>
css代码就是文字闪烁text-decoration:blink不过很可惜,IE、Chrome或Safari不支持"blink"属性值,所以只有在Firefox和Opera下支持这CSS实现在闪动效果。加上js代码就可以了。
\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a滚动文字\x0d\x0a
滚动文字\x0d\x0a
滚动文字\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0amarquee 参数:\x0d\x0aBGColor:滚动文本框的背景颜色。\x0d\x0aDirection:滚动方向设置,可选择Left、Right、up和down。\x0d\x0ascrolldelay:每轮滚动之间的延迟时间,越大越慢。\x0d\x0ascrollamount:一次滚动总的时间量,数字越小滚动越慢。\x0d\x0aBehaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。\x0d\x0aAlign:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。\x0d\x0aWidth:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aHeight:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aloop:滚动次数。默认为infinite\x0d\x0ahspace、vspace:前后、上下的空行。
回答于 2022-11-16<DIV id=marquees><A href="javascript:">1,你可曾有过无数的梦想,</A><BR><BR><Ahref="javascript:">2,却在时光的流逝里幻灭 </A><BR><BR><A
href="javascript:">3,你可曾对未来期待憧憬,</A><BR><BR><A
href="javascript:">4,却在成长的岁月中迷失</A><BR><BR></DIV>
<SCRIPT language=JavaScript>
marqueesHeight=200
stopscroll=false
with(marquees){
style.width=0
style.height=marqueesHeight
style.overflowX="visible"
style.overflowY="hidden"
noWrap=true
onmouseover=new Function("stopscroll=true")
onmouseout=new Function("stopscroll=false")
}
document.write('<div id="templayer" style="position:absolutez-index:1visibility:hidden"></div>')
preTop=0currentTop=0
function init(){
templayer.innerHTML=""
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML
setInterval("scrollUp()",20)//越大越慢
}
document.body.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>这个是文字向上滚动。
<marquee direction="up" behavior="alternate">你好,希望这个是你所需要的效果!!!</marquee>这个是文字上下来回滚动!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)