1顶

全面支持火狐与IE的flash图片切换特效

稿源：互联网 2022-06-15 18:23:58 点击： 11177 撤稿纠错

这个脚本特效支持IE与火狐，很多特效是不支持火狐浏览器的。

以下讨论的是和图片切换相关的全面支持火狐与IE的flash图片切换特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>全面支持火狐的图片切换效果 alixixi.com</title>
<link href="http://book.qq.com/css/ycStyle200905.css" rel="stylesheet" type="text/css" />
</head>
<body>
告诉你一个应有尽有的网页特效网址：<a href="http://js.alixixi.com">http://js.alixixi.com</a>
<hr />
<div style="height:100px;"></div>

<div id="topArea">
 <div class="leftBox1">
     <div class="foc">
          <div id="bigImg" style="filter:progid:DXImageTransform.Microsoft.Fade( duration=0.5,overlap=1.0)">
            <div class="dis"><a href="http://www.alixixi.com" target="_blank"><img src="http://mat1.qq.com/book/images/imgxt/1/93401.jpg" width="231" height="319" onmouseover="clearAuto();" onmouseout="setAuto()" /></a><br /><span><a href="http://www.alixixi.com" target="_blank">血色康乃馨：夜幕下的的葬爱</a></span></div>
            <div class="undis"><a href="http://www.alixixi.com" target="_blank"><img src="http://mat1.qq.com/book/images/imgxt/1/93407.jpg" width="231" height="319" onmouseover="clearAuto();" onmouseout="setAuto()" /></a><br /><span><a href="http://www.alixixi.com" target="_blank">江湖天很晴</a></span></div>
            <div class="undis"><a href="http://www.alixixi.com" target="_blank"><img src="http://mat1.qq.com/book/images/imgxt/1/93411.jpg" width="231" height="319" onmouseover="clearAuto();" onmouseout="setAuto()" /></a><br /><span><a href="http://www.alixixi.com" target="_blank">绝色女子：情魅凤陵王</a></span></div>
            <div class="undis"><a href="http://www.alixixi.com" target="_blank"><img src="http://mat1.qq.com/book/images/imgxt/1/93409.jpg" width="231" height="319" onmouseover="clearAuto();" onmouseout="setAuto()" /></a><br /><span><a href="http://www.alixixi.com" target="_blank">耗子赖上小仙女：眷恋五百年</a></span></div>
          </div>
          <div class="rbox">
              <div id="thumbImg">
                 <div class="cur"><img src="http://mat1.qq.com/book/images/imgxt/1/93402.jpg" alt="" onclick="Mea(0);" onmouseover="clearAuto();" onmouseout="setAuto()" /></div><p></p><div class="normal"><img src="http://mat1.qq.com/book/images/imgxt/1/93408.jpg" alt="" onclick="Mea(1);" onmouseover="clearAuto();" onmouseout="setAuto()" /></div><p></p><div class="normal"><img src="http://mat1.qq.com/book/images/imgxt/1/93412.jpg" alt="" onclick="Mea(2);" onmouseover="clearAuto();" onmouseout="setAuto()" /></div><p></p><div class="normal"><img src="http://mat1.qq.com/book/images/imgxt/1/93410.jpg" alt="" onclick="Mea(3);" onmouseover="clearAuto();" onmouseout="setAuto()" /></div>
              </div>
              <div class="more color_717"></div>
          </div>
          <div class="cb"></div>
          <script language="javascript"> 
                var n=0;
                var showImg = document.getElementById("bigImg");
                var showNum = document.getElementById("thumbImg");
               var ie = document.all?true:false;
                function Mea(value){
                    n=value;
                    setBg(value);
                    plays(value);
                }
                function setBg(value){
                  for(var i=0;i<4;i++)
                   if(value==i){showNum.getElementsByTagName("div")[i].className='cur';} 
                    else{showNum.getElementsByTagName("div")[i].className='normal';}  
                  } 
                function plays(value){
                    if(ie){with (bigImg){
                        filters[0].Apply();
                        for(i=0;i<4;i++)i==value?showImg.getElementsByTagName("div")[i].className='dis':showImg.getElementsByTagName("div")[i].className='undis'; 
                        filters[0].play();   
                    }
}else{
                        for(i=0;i<4;i++)i==value?showImg.getElementsByTagName("div")[i].className='dis':showImg.getElementsByTagName("div")[i].className='undis'; 
}                }             
                function clearAuto(){clearInterval(autoStart)}
                function setAuto(){autoStart=setInterval("auto(n)", 3000)}
                function auto(){
                    n++;
                    if(n>3)n=0;
                    Mea(n);
                }
         window.onload =  setAuto(); 
           </script>
        </div>
  </div>
 
</div>
<div id="vipBox" class="warp960"></div>
<div id="artList"></div>
</body>
</html>

关于全面支持火狐与IE的flash图片切换特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009072156973.shtml方便下次再访问哦。

·上一篇： 很酷的图片伸缩放大功能
·下一篇： 有提示的输入框日期格式

文章分类LIST >>返回首页

排行总榜

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

全面支持火狐与IE的flash图片切换特效

文章分类LIST >>返回首页

最新游戏

最新新闻