首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 渐隐渐现 Js+CSS 文字渐隐渐现显示 2009-10-22 12:51:25 作者： JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了. 这段代码实现的淡入淡出还算可以吧，比较平滑，同样出自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需刷新才能执行] 您可能感兴趣的文章:jquery div提示框渐隐弹出与隐藏效果一个简单的js渐显(fadeIn)渐隐(fadeOut)类原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)非常酷的js图形渐隐导航菜单栏jquery渐隐渐显的图片幻灯闪烁切换实现方法有趣的思路~~JS仿 WINXP 注销桌面渐隐效果精彩图片推荐 渐隐渐现jQuery使用fadeout实现元素渐隐效果的方法一个不错的渐隐文字效果Android自定义View绘图实现渐隐动画
