<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>
这句css代码就是文字闪烁text-decoration:blink不过很可惜,IE、Chrome 或 Safari 不支持 "blink" 属性值,所以只有在 Firefox 和 Opera 下支持这 CSS 实现在闪动效果。加上js代码就可以了
html代码
<span id="blink">闪烁文字</span>
JavaScript代码:
<script type = "text/javascript" >
function blinklink() {
if (!document.getElementById('blink').style.color) {
document.getElementById('blink').style.color = "red"
}
if (document.getElementById('blink').style.color == "red") {
document.getElementById('blink').style.color = "black"
} else {
document.getElementById('blink').style.color = "red"
}
timer = setTimeout("blinklink()", 100)
}
function stoptimer() {
clearTimeout(timer)
}
blinklink()
</script>