利用html实现文字闪烁的效果代码

零下一度 原创: 2017-05-03 16:50:37 9114浏览

网页中使文字闪烁的标签是什么，其实没有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>

以上就是利用html实现文字闪烁的效果代码的详细内容，更多请关注php中文网其它相关文章！

html，效果 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：利用html实现一个有点击（显示、隐藏）效果按钮的实例代码下一条：关于html和HTML5的详细区别