文字闪烁效果

效果图:

 

HTML Code:

<a class="blink" href="#" target="_blank">&nbsp;扁平化设计看上去非常简单、直观扁平化设计看上去非常简单、直去非化设计看上去非常简单、直观扁平化设计看上去非常简单、直观扁平常简单</a>

JQuery Code:

1 function changeColor(){
2    var color="#f00|#0f0|#880|#088|red|blue";
3   color=color.split("|");
4   //document.getElementById("blink").style.color=color[parseInt(Math.random()*color.length)];
5   $(".blink").css({color:color[parseInt(Math.random()*color.length) ]});
6 }
7 setInterval("changeColor()",1000);

 

posted @ 2018-05-17 15:21  cat糯米团  阅读(262)  评论(0编辑  收藏  举报