html中文字闪烁效果代码是什么呢?

html中文字闪烁效果代码是什么呢?,第1张

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代码就可以了。

<DIV id=marquees><A href="javascript:">1,你可曾有过无数的梦想,</A><BR><BR><A

href="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>这个是文字上下来回滚动!


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

原文地址:https://54852.com/zaji/6177100.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存