js实现闪动提示最新消息
为了能让每一个会员及时看到最新提示消息，通常要使提示文字不断的闪动，以引导人的视觉；不然，静态的文字总有些会员看不到，那怕是亮色加粗显示。实现文字闪动的方法，通常使用 javascript 来实现，下面是具体的方法：
1、实现过程简介：
如果新消息的数量大于等于1，则提示文字每隔1秒换一种颜色，即在两种或三种颜色之间交替显示，主要通过 setInterval() 方法来实现，也就是每隔1秒自动执行一次改变文字的颜色。
2、代码如下：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>js实现闪动提示最新消息</title>
<style type="text/css">
.blue{color:#1b87ba; font-size:22px;}.red{color:Red; font-size:22px;}
</style>
</head>
<body>
<div>
<span id="mes" class="red">1</span> 提示未读
</div>
<script type="text/javascript">
function message(){
var obj = document.getElementById("mes");var val = parseInt(obj.innerHTML);
if(val >= 1){setInterval("change()",1000);}
}
function change(){
var msg = document.getElementById("mes");
if(msg.className == "red"){msg.className = "blue";}else{msg.className = "red";}
}
message();
</script>
</body>
</html>
上述实例测试通过，如果你想看效果，请把上述代码复制到一个 html 文件中覆盖原来的代码并保存，用IE打开就可以看到；或者新建一个文本文件，把上述代码复制进去，再把扩展名（txt）改为 html，打开即可。