首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js图片渐变轮换焦点图效果怎么修改兼容火狐

2012-02-09 
js图片渐变轮换焦点图效果如何修改兼容火狐!在ie6下是可行的,但到了火狐下却不动了!大家帮忙看看,谢谢!本

js图片渐变轮换焦点图效果如何修改兼容火狐!
在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不支持滤镜啊
或者换这个图片切换试试吧

热点排行