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


實(shí)現(xiàn)原理:使用style對象來設(shè)置css屬性,結(jié)合定時器就可以實(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)文章
Javascript實(shí)現(xiàn)關(guān)閉廣告效果
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)關(guān)閉廣告效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-01-01
JavaScript實(shí)現(xiàn)垂直向上無縫滾動特效代碼
下面小編就為大家?guī)硪黄狫avaScript實(shí)現(xiàn)垂直向上無縫滾動特效代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
B/S模式項(xiàng)目中常用的javascript匯總
本篇文章是對B/S模式項(xiàng)目中常用的javascript進(jìn)行了匯總介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12
Bootstrap 模態(tài)對話框只加載一次 remote 數(shù)據(jù)的完美解決辦法
前端框架 Bootstrap 的模態(tài)對話框,可以使用 remote 選項(xiàng)指定一個 URL,這樣對話框在第一次彈出的時候就會自動從這個地址加載數(shù)據(jù)到 .modal-body 中,但是它只會加載一次,不過通過在事件中調(diào)用 removeData() 方法可以解決這個問題,具體操作方法,大家通過本文了解下吧2017-07-07
JavaScript實(shí)現(xiàn)無窮滾動加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)無窮滾動加載數(shù)據(jù),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05

