js图片渐变轮换焦点图效果怎么修改兼容火狐
日期：2014-05-16 浏览次数：20566 次
js图片渐变轮换焦点图效果如何修改兼容火狐！
在ie6下是可行的，但到了火狐下却不动了！
大家帮忙看看，谢谢！
本人初学，还是看不明白！
------解决方案--------------------
因为ff不支持滤镜啊
或者换这个图片切换试试吧
在ie6下是可行的，但到了火狐下却不动了！
大家帮忙看看，谢谢！
本人初学，还是看不明白！
- JScript code
<!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 content="酷站(sincol) http://www.sincol.net/" name=Copyright>
<META content=酷站(sincol)，为您搜寻精美酷站,为您提供精选素材 name=description>
<META content=酷站(sincol) name=keywords><LINK href="css/css.css" type=text/css rel=stylesheet>
<TITLE>酷站(sincol)</TITLE>
<style type="text/css">
body{text-align:center;}
</style>
</head>
<body>
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 5;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 1000);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=5);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
</SCRIPT>
<!--焦点图片开始-->
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 243px; HEIGHT: 235px">
<A href="http://www.makewing.com" target=_blank><IMG id=oDIV1 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="images/01.jpg" width=243 border=0></A>
<A href="http://www.makewing.com" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="images/02.jpg" width=243 border=0></A>
<A href="http://www.makewing.com" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="images/03.jpg" width=243 border=0></A>
<A href="http://www.makewing.com" target=_blank><IMG id=oDIV4 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="images/04.jpg" width=243 border=0></A>
<A href="http://www.makewing.com" target=_blank><IMG id=oDIV5 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=235 src="images/05.jpg" width=243 border=0></A>
</DIV>
<!--焦点图片结束-->
</body>
</html>
------解决方案--------------------
因为ff不支持滤镜啊
或者换这个图片切换试试吧
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
