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

基于JavaScript的平滑文字闪烁

2014-08-07 11:55 253 查看

基于JavaScript的平滑文字闪烁,不是单纯的闪烁,貌似还带有一点点别的效果,比如淡入/淡出,那些颜色值你是可以变的,改成你想要的,还有闪烁间隔等,都可以修改的.

<title>石家庄脱硫泵</title>
<body bgcolor="#fef4d9" onload="TimerID2=setTimeout('fLi2()',500)" onunload="clearTimeout(TimerID2)">
<script language="JAVASCRIPT">
colors2 = new Array(6);
colors2[0]="#fef4d9";
colors2[1]="#333300";
colors2[2]="#665500";
colors2[3]="#997700";
colors2[4]="#CC9900";
colors2[5]="#FFCC00";

var i=0;
function fLi2() {
line2.style.visibility = "visible";
if (i<6) {
line2.style.color = colors2[i];
i++;
timerID2 = setTimeout( "fLi2()", 60);
}
else {
i=0;
line2.style.visibility="hidden";
TimerID2=setTimeout("fLi2()",800);
}
}
</script>

<div id=line2 style="container:positioned; position=relative; width=50%; height=10%; left=10%;
font-family=Arial; font-size=35px; line-height=28px; color=black; visibility=hidden;">
JavaScript Planet
</div>
</body>

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

标签：

相关文章推荐

新的分享

章节导航