CSS+JS控制字体闪烁

时间:2022-05-12 18:52:23

<body onload="loadText()">

<li>

   <a href="#" target="_blank"><span id="textDiv">我</span>
   <span id="textDiv1">要</span>
   <span id="textDiv2">报</span>
   <span id="textDiv3">名</span></a>

   </li>


<script>
var colors = new Array("ff0","ff0","f00");
var colors1 = new Array("f00","f00","ff0");
var colors2 = new Array("f00","ff0","ff0");
var colors3 = new Array("f00","f00","ff0");
var aColor;  
var aColor1;
var aColor2;
var aColor3;
function loadText()
{
 aColor = colors[Math.floor(Math.random()*colors.length)];
 aColor1 = colors1[Math.floor(Math.random()*colors.length)];
 aColor2 = colors2[Math.floor(Math.random()*colors.length)];
 aColor3 = colors3[Math.floor(Math.random()*colors.length)];
document.getElementById("textDiv").style.color="#"+aColor;
document.getElementById("textDiv1").style.color="#"+aColor1;
document.getElementById("textDiv2").style.color="#"+aColor2;
document.getElementById("textDiv3").style.color="#"+aColor3;
setTimeout("loadText()",500);
}
</script>

</body>