首頁 > web前端 > html教學 > 利用html實現文字閃爍的效果代碼

利用html實現文字閃爍的效果代碼

零下一度
發布: 2017-05-03 16:50:37
原創
9964 人瀏覽過

網頁中讓文字閃爍的標籤是什麼,其實沒有html標籤可以直接讓文字閃爍的,需要使用js腳本來實現。

程式碼如下:

<script language= "javascript " type= "text/javascript ">
function showit()
{
self.setInterval( "changeit() ", 800);
}
function changeit()
{
var bg = &#39;# &#39;;
var color = new Array( "A ", "B ", "C ", "D ", "E ", "F ");
var node = document.getElementById( "con ");//#33FF33
for (var j=1; j <7; j++)
{
var i = Math.round(Math.random()*10);
if (i> =5)
{ bg = bg+color[i-5]; }
else
{ bg = bg + i; }
}
node.style.color = bg;
}
</script>
</HEAD>
<BODY onload= "showit(); ">
<div id= "con " style= "background:#330000;color:#FF3300;width:80px;height:30px;font-size:16pt; "> lasdflasdfhalsdfaldfladhladhlasd </div>
</BODY>
</HTML>
登入後複製

以上是利用html實現文字閃爍的效果代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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