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

javasript 代码\x0d\x0a\x0d\x0a闪烁的文字 \x0d\x0a \x0d\x0afunction changeColor(){ \x0d\x0avar color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"\x0d\x0acolor=color.split("|")\x0d\x0adocument.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]\x0d\x0a} \x0d\x0asetInterval("changeColor()",200)\x0d\x0a 回答于 2022-11-16


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存