Rumah > Artikel > hujung hadapan web > 利用html实现文字闪烁的效果代码
利用html实现文字闪烁的效果代码
- 零下一度asal
- 2017-05-03 16:50:379927semak imbas
网页中使文字闪烁的标签是什么，其实没有html标签可以直接让文字闪烁的,需要使用js脚本来实现。
代码如下：
<script language= "javascript " type= "text/javascript ">
function showit()
{
self.setInterval( "changeit() ", 800);
}
function changeit()
{
var bg = '# ';
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>Atas ialah kandungan terperinci 利用html实现文字闪烁的效果代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：利用html实现一个有点击（显示、隐藏）效果按钮的实例代码Artikel seterusnya：关于html和HTML5的详细区别