javasript代码
<divid="blink">闪烁的文字</div>
<scriptlanguage="javascript">
functionchangeColor(){
varcolor="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"
color=color.split("|")
document.getElementById("blink").style.color=color[parseInt(Math.random()*color.length)]
}
setInterval("changeColor()",200)
</script>
css代码就是文字闪烁text-decoration:blink不过很可惜，IE、Chrome或Safari不支持"blink"属性值，所以只有在Firefox和Opera下支持这CSS实现在闪动效果。加上js代码就可以了。
<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>
程序运行顺序是●●
<HTML参考手册>相关介绍blink
适用DTD：无 适用浏览器：（除了IE,Safari）
释义
闪烁文字（blink text）
语法
<blink 属性="属性值">~标签内容~</blink>
说明
blink元素用来设置闪烁文字（点灭效果），大约每秒钟闪烁一次
blink为W3C未列入规范的元素，它最初是由Netscape
Navigator引入，现在除了IE其他浏览器大都支持
终止标签不可省略
属性
属性值
说明
① 通用属性：id、class、style、title、dir、lang、xml:lang
注：W3C非推荐属性或非标准属性
仅XHTML适用
默认值
示范
<blink>闪烁文字</blink>
范例
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html
charset=gb2312">
<title>元素blink</title>
</head>
<body>
<blink>闪烁的文字</blink><br>
<em>IE不支持，请用Netscape
Navigator或Firefox等浏览器查看结果</em>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）