Js+CSS 文字渐隐渐现显示

这段代码实现的淡入淡出还算可以吧，比较平滑，同样出自JavaScript+CSS两者的配合。



<title>JavaScript文字渐隐渐现显示</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
ie4 = ((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">
您知道吗？就是Jb51.NET
</h1>
</div>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]



有用  |  无用 取消

猜你喜欢