0顶

支持火狐浏览器的完美渐变透明效果

稿源：互联网 2022-05-12 07:48:26 点击： 2164 撤稿纠错

支持火狐浏览器的完美渐变透明效果，阿里西西网页特效收集。

以下讨论的是和火狐浏览器透明特效相关的支持火狐浏览器的完美渐变透明效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>渐变</title> </head>
<body> function Clear (DataType ,DataThis, DataTime, DataInterval) DataType 布尔值 - - 是否隐藏或显示 DataThis 元素 - - 被操作元素 DataTime 数字 - - 发生渐变时间 DataInterva 数字 - - 渐变刷新间隔 <input onClick="SmallWay.Clear(true, Test, 2000, 10)" type="button" value="慢渐变出现"> <input onClick="SmallWay.Clear(false, Test, 2000, 10)" type="button" value="慢渐变隐藏"> <input onClick="SmallWay.Clear(true, Test, 500, 10)" type="button" value="快渐变出现"> <input onClick="SmallWay.Clear(false, Test, 500, 10)" type="button" value="快渐变隐藏"> <input onClick="SmallWay.Clear(Math.random() > 0.5, Test, parseInt(Math.random() * 2000), 10)" type="button" value="随意的渐变"> <div align="center" Id="Test" style="width:100px;height:100px;background:#000000;color:#FF0000;">效果</div> <div Id="Div">检测Test是否隐藏</div> <script language="javascript"> var Test = document.getElementById('Test') </script>
 <script language="javascript"> var SmallWay = {} SmallWay.Clear = function(DataType ,DataThis, DataTime, DataInterval){ var HaShowId = parseInt(Math.random() * 10000000) DataThis.setAttribute("SmallWay_Show_Id", HaShowId) var HaInterval = ( !isNaN(DataInterval) ) ? parseInt(DataInterval) : 10 var HaTime = ( !isNaN(DataTime) ) ? parseInt(DataTime) : 1000 var HaOpacity = DataThis.getAttribute("SmallWay_Show_OpacityId") if ( HaOpacity == null ) { HaOpacity = ( DataThis.style.display != "none" ) ? 100 : 0 DataThis.style.filter = "Alpha(Opacity=" + HaOpacity + ")" DataThis.style.cssText = DataThis.style.cssText.replace(/;-moz-opacity:.*?;/gi, "") + ";-moz-opacity:" + (HaOpacity / 100) } HaOpacity = ( DataThis.style.display != "none" ) ? HaOpacity : 0 HaOpacity = ( !isNaN(HaOpacity) ) ? (HaTime / HaInterval) * (parseInt(HaOpacity) / 100) : 0 eval("SmallWay.ThisData_" + HaShowId + " = DataThis") if ( DataType ) { DataThis.style.display = "block" for ( var i = HaOpacity; i <= HaTime / HaInterval; i++ ){ window.setTimeout( "" + "var HaThis = SmallWay.ThisData_" + HaShowId + "n" + "if ( HaThis != null ) {n" + "if ( HaThis.getAttribute("SmallWay_Show_Id") == "" + HaShowId + "" ) {n" + "HaThis.style.filter = "Alpha(Opacity=" + (100 / (HaTime / HaInterval) * i) + ")"n" + "HaThis.style.cssText = HaThis.style.cssText.replace(/;-moz-opacity:.*?;/gi, "") + ";-moz-opacity:" + (1 / (HaTime / HaInterval) * i) + ""n" + "HaThis.setAttribute("SmallWay_Show_OpacityId", " + (100 / (HaTime / HaInterval) * i) + ")n" + "}n" + "}n" , HaInterval * (i - HaOpacity)) } window.setTimeout( "" + "SmallWay.ThisData_" + HaShowId + " = nulln" + "delete SmallWay.ThisData_" + HaShowId + "n" , HaInterval * (i - HaOpacity)) }else{ for ( var i = HaOpacity; i >= 0; i-- ){ window.setTimeout( "" + "var HaThis = SmallWay.ThisData_" + HaShowId + "n" + "if ( HaThis != null ) {n" + "if ( HaThis.getAttribute("SmallWay_Show_Id") == "" + HaShowId + "" ) {n" + "HaThis.style.filter = "Alpha(Opacity=" + (100 / (HaTime / HaInterval) * i) + ")"n" + "HaThis.style.cssText = HaThis.style.cssText.replace(/;-moz-opacity:.*?;/gi, "") + ";-moz-opacity:" + (1 / (HaTime / HaInterval) * i) + ""n" + "HaThis.setAttribute("SmallWay_Show_OpacityId", " + (100 / (HaTime / HaInterval) * i) + ")n" + "}n" + "}n" , (HaOpacity - i) * HaInterval) } window.setTimeout( "" + "var HaThis = SmallWay.ThisData_" + HaShowId + "n" + "if ( HaThis != null ) {n" + "if ( HaThis.getAttribute("SmallWay_Show_Id") == "" + HaShowId + "" ) {n" + "HaThis.style.display = "none""
 + "}n" + "}n" + "SmallWay.ThisData_" + HaShowId + " = nulln" + "delete SmallWay.ThisData_" + HaShowId + "n" , (HaOpacity - i) * HaInterval)
 } } </script> </body> </html> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于支持火狐浏览器的完美渐变透明效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200806192402.shtml方便下次再访问哦。

·上一篇： 漂亮的立体表格效果特效
·下一篇： 表格隔行变色特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

支持火狐浏览器的完美渐变透明效果

文章分类LIST >>返回首页

最新游戏

最新新闻