js實(shí)現(xiàn)文字閃爍特效的方法
本文實(shí)例講述了基于jquery實(shí)現(xiàn)省市聯(lián)動特效的代碼,分享給大家供大家參考,具體如下:
運(yùn)行效果圖:


實(shí)現(xiàn)原理:使用style對象來設(shè)置css屬性,結(jié)合定時(shí)器就可以實(shí)現(xiàn)js實(shí)現(xiàn)文字閃爍特效。
具體代碼如下
<html>
<head>
<meta charset="gb2312" />
<title>js實(shí)現(xiàn)文字閃爍特效</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>
代碼復(fù)制即可運(yùn)行。
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
教你用wxml2canvas將微信小程序頁面轉(zhuǎn)為圖片
如果需要實(shí)現(xiàn)將小程序的頁面轉(zhuǎn)為圖片,第一步是要先把頁面轉(zhuǎn)為canvas,再將canvas轉(zhuǎn)為圖片,下面這篇文章主要給大家介紹了關(guān)于用wxml2canvas將微信小程序頁面轉(zhuǎn)為圖片的相關(guān)資料,需要的朋友可以參考下2022-11-11
獲取服務(wù)器傳來的數(shù)據(jù) 用JS去空格的正則表達(dá)式
獲取服務(wù)器傳來的數(shù)據(jù) 用JS去空格的正則表達(dá)式,需要的朋友可以參考下2012-03-03
兩款JS腳本判斷手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站
本文通過兩款js腳本判斷手機(jī)瀏覽器類型跳轉(zhuǎn)到wap手機(jī)網(wǎng)站,感興趣的小伙伴快來學(xué)習(xí)吧2015-10-10
JavaScript登錄驗(yàn)證碼的實(shí)現(xiàn)
驗(yàn)證碼功能真的無處不在,為了提高網(wǎng)站的安全性,驗(yàn)證碼功能是必要的環(huán)節(jié),今天小編通過本文給大家分享js登錄驗(yàn)證碼的實(shí)現(xiàn),感興趣的朋友跟著小編一起學(xué)習(xí)吧2016-10-10
簡單實(shí)現(xiàn)js點(diǎn)擊展開二級菜單功能
這篇文章主要教大家簡單實(shí)現(xiàn)js點(diǎn)擊展開二級菜單功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
js 數(shù)組實(shí)現(xiàn)一個(gè)類似ruby的迭代器
今天突然發(fā)現(xiàn)js的數(shù)組處理起來真是麻煩,代碼一些就是一大堆,相比起ruby的迭代器來真是遜色不少。2009-10-10

