我的js脚本在IE可以运行，但是在firefox不能运行！谁来帮我看下！
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.woon{border:1px solid #fff;}
.wooff{border:1px solid
#ffffff;filter:progid:DXImagetransform.Microsoft.Alpha
(style=1,opacity=1500,finishOpacity=1);}
</style>
<script type="text/javascript">
//初始化i，该变量在循环图片时使用
var i=0;
//图片数组，元素个数和count一致
var imgArray=new Array;
imgArray[0]="img1.jpg";
imgArray[1]="img2.jpg";
imgArray[2]="img3.jpg";
imgArray[3]="img4.jpg";
imgArray[4]="img5.jpg";
//图片数量，和imgArray数组中元素个数保持一致
var count=imgArray.length;
//切换图片的时间
var changeTime=3000;
function changeImg()
{
if(i>=count)
{
i=0;
}
document.getElementById("imgDiv").filters[0].Apply();
document.getElementById("imgDemo").src=imgArray[i];
document.getElementById("imgDiv").filters[0].play();
i++;
}
function init()
{
setInterval("changeImg()",changeTime);
}
</script>
</head>
<body onload="init();">
<div id="imgDiv"
style="filter:progid:DXImagetransform.Microsoft.GradientWipe
(duration=3,gradientSize=0.1,motion=forward ); height:400px; width:400px;
background-color:#990099">作品<img src="img3.jpg" name="imgDemo"
height="378" id="imgDemo" style="height:350px; width:400px; "/>
</body>
</html> 展开
"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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.woon{border:1px solid #fff;}
.wooff{border:1px solid
#ffffff;filter:progid:DXImagetransform.Microsoft.Alpha
(style=1,opacity=1500,finishOpacity=1);}
</style>
<script type="text/javascript">
//初始化i，该变量在循环图片时使用
var i=0;
//图片数组，元素个数和count一致
var imgArray=new Array;
imgArray[0]="img1.jpg";
imgArray[1]="img2.jpg";
imgArray[2]="img3.jpg";
imgArray[3]="img4.jpg";
imgArray[4]="img5.jpg";
//图片数量，和imgArray数组中元素个数保持一致
var count=imgArray.length;
//切换图片的时间
var changeTime=3000;
function changeImg()
{
if(i>=count)
{
i=0;
}
document.getElementById("imgDiv").filters[0].Apply();
document.getElementById("imgDemo").src=imgArray[i];
document.getElementById("imgDiv").filters[0].play();
i++;
}
function init()
{
setInterval("changeImg()",changeTime);
}
</script>
</head>
<body onload="init();">
<div id="imgDiv"
style="filter:progid:DXImagetransform.Microsoft.GradientWipe
(duration=3,gradientSize=0.1,motion=forward ); height:400px; width:400px;
background-color:#990099">作品<img src="img3.jpg" name="imgDemo"
height="378" id="imgDemo" style="height:350px; width:400px; "/>
</body>
</html> 展开
2个回答
展开全部
firefox下是不支持filter:progid:DXImagetransform.Microsoft.Alpha之类滤镜的
要在firefox下实现透明效果要用opacity:0.5之类的CSS属性
可惜的是像GradientWipe这类动态滤镜目前还没有办法支持，要想完美兼容的话最好使用flash
要在firefox下实现透明效果要用opacity:0.5之类的CSS属性
可惜的是像GradientWipe这类动态滤镜目前还没有办法支持，要想完美兼容的话最好使用flash
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
