您的位置：首页 > Web前端 > JavaScript

js实现文字闪烁特效的方法

2015-12-17 10:11 796 查看

运行效果图：

实现原理：使用style对象来设置css属性，结合定时器就可以实现js实现文字闪烁特效。

具体代码如下

<html>
<head>
<meta charset="gb2312" />
<title>js实现文字闪烁特效</title>
</head>
<script>
var flag = 0;
function start(){
var text = document.getElementById("myDiv");
if (!flag)
{
text.style.color = "red";
text.style.background = "#0000ff";
flag = 1;
}else{
text.style.color = "";
text.style.background = "";
flag = 0;
}
setTimeout("start()",500);
}
</script>
<body onload="start()">
<span id="myDiv">css的世界是如此的精彩！</span>
</body>
</html>

代码复制即可运行。

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js 文字闪烁

相关文章推荐

新的分享

章节导航