首頁 > web前端 > js教程 > js實作文字閃爍特效的方法_javascript技巧

js實作文字閃爍特效的方法_javascript技巧

WBOY
發布: 2016-05-16 15:25:26
原創
1647 人瀏覽過

本文實例講述了基於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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板