js實現文字閃爍特效的方法

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現文字閃爍特效的方法

js實現文字閃爍特效的方法

編輯：關於JavaScript

本文實例講述了基於jquery實現省市聯動特效的代碼，分享給大家供大家參考，具體如下：

運行效果圖：

實現原理：使用style對象來設置css屬性，結合定時器就可以實現js實現文字閃爍特效。

具體代碼如下

<html>
 <head>
 <meta charset="gb2312" />
 <title>js實現文字閃爍特效</title>
 </head>
<script>
 var flag = 0;
 function start(){
 var text = document.getElementById("myDiv");
 if (!flag)
 {
 text.style.color = "red";
 text.style.background = "#0000ff";
 flag = 1;
 }else{
 text.style.color = "";
 text.style.background = "";
 flag = 0;
 }
 setTimeout("start()",500);
 }
</script>
 <body onload="start()">
 <span id="myDiv">css的世界是如此的精彩！</span>
 </body>
</html>

代碼復制即可運行。

希望本文所述對大家JavaScript程序設計有所幫助。

關於JavaScript

ajax級聯菜單實現方法實例分析: 本文實例講述了ajax級聯菜單實現方法。分享給大家供大家參考，具體如下：效果如下：選擇第一項，第二項
JS 控制小數位數的實現代碼: 昨天在用JS對前台浮點數進行合算時發現: 0.05+1.08=1.1300000000000001
javascript實時顯示當天日期的方法: 本文實例講述了javascript實時顯示當天日期的方法。分享給大家供大家參考。具體實現方法如下：&

JavaScript基礎知識 JSON基礎正則表達式關於JavaScript JavaScript技巧 jQuery入門知識 AJAX入門 JavaScript綜合知識

DIV CSS 佈局教程網

相關文章