<div id="abc">这里是闪光的字</div>
<script>
var i=0
function shine(id){
var obj= document.getElementById(id)
if(i==0){obj.style.color="#000"i=1}else{obj.style.color="red"i=0}
}
setInterval("shine('abc')",100)
</script>
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代码就可以了。
聚焦有时候会出现一闪一闪的黑色竖线，在css当中有此属性 caret-color当我们想要改变竖线的颜色的时候，只需要输入颜色的指即可
当我们不想要这个竖线的时候，只需要输入 caret-color: rgba(0, 0, 0, 0)
总结如下
