网(LieHuo.Net)教程 JavaScript文字渐隐渐现显示,更专业的说法叫淡入淡出,最开始用于视频蒙太奇制作及Flash动画上,现在用到文字上也不是什么稀罕事了,这段代码实现的淡入淡出还算可以吧,比较平滑,同样出自JavaScript+CSS两者的配合。
<title>JavaScript文字渐隐渐现显示-liehuo.net</title><SCRIPT LANGUAGE="JavaScript"><!-- Beginie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4));var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID;function show() {if (ie4) {count += add1;count2 += add2;delay = 30;if(count2 > 100) count2 = 100;if(count > 100) {count = 100;add1 = -10;add2 = -3;delay = 350;}if(count < 0) count = 0;if(count2 < 0) {count2 = 0;add1 = 3;add2 = 10;delay = 200;}fader.style.filter = "Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)";timerID = setTimeout("show()", delay); }}window.onload = show;// End --></script><div id="fader" style="width:730; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"><h1><font family="Arial, Helvetica" color="maroon" size="+3">网 - 站长资源与服务平台 LIEHUO.NET | 关注站长,建设互联网!</h1></div><br /><center>如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.wfuyu.com/' _fcksavedurl='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>提示:可修改后代码再运行!
上一篇 和迷茫的站长们一起讨论如何选择项目
下一篇 Javascript中的onmousewheel事件