html中文字闪烁效果代码详解

发布网友发布时间：2022-04-29 01:13

共3个回答

懂视网时间：2022-04-20 19:31

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

热心网友时间：2022-04-20 16:39

<div id="blink">文字</div> //●这一行是肉眼可见的div对象(★名字叫blink★)，在浏览器中显示2个汉字

<script language="javascript"> //这一组<script......./script>是java程序，后台运行的
function changeColor()//这里{.......}花括号定义了一个名叫changeColor变色的函数
{
var color="yellow|green|blue|gray|pink"; //在内存变量color里定义5种颜色
color=color.split("|"); //定义数组5个元素分别放置5种颜色
//下面这一行是把名★叫blink的对象★的color属性随机改成5种颜色的一种
document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)];
}

setInterval("changeColor()",200); //●设置一个定时器，每200毫秒调用一次变色函数
</script>

程序运行顺序是●●

热心网友时间：2022-04-20 17:57

<div id="blink">文字</div>
<script language="javascript">
function changeColor(){
var color="yellow|green|blue|gray|pink"; //定义颜色
color=color.split("|"); //才分成数组
document.getElementById("blink").style.color=color[parseInt

(Math.random() * color.length)];
//Math.random() 生成随机数，范围在0-1（大于等于0.0小于1.0），parseInt()强制转换成整数，color[]根据数组的索引获取值
}
setInterval("changeColor()",200); //设置定时器，每隔200毫秒执行一次changeColor方法</script>

html中 文字闪烁效果代码详解

html中文字闪烁效果代码详解