能让它在FF里跑起来么,该如何解决
日期：2014-05-17 浏览次数：20808 次
能让它在FF里跑起来么
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>图片轮显</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<div id="div_img" style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:120px; HEIGHT:120px; border:1px solid #CCCCCC">
<div style="display:block"><A href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cssrain.cn/attachments/month_0711/v2007111131533.gif" border=0></A></div>
<div style="display: none"><a href="###" target="_blank">
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.slyw.cn/img/img_2.gif" border=0></a></div>
<div style="display: none"><A href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cssrain.cn/attachments/month_0711/v2007111131533.gif" border=0></A></div>
<div style="display: none"><a href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.slyw.cn/img/img_4.gif" border=0></a></div>
</div>
<script type="text/javascript">
var n=0;
var obj_img = document.getElementById("div_img");
function plays(k){
n=k;
with (obj_img){
obj_img.filters[0].Apply();
for(i=0;i<4;i++)i==k?children[i].style.display="block":children[i].style.display="none";
filters[0].play();
}
}
function stop_img(){clearTimeout(timer)}
function start_img(){
n++;
if(n>3)n=0;
plays(n);
timer=setTimeout("start_img()", 6000)
}
start_img();
</script>
</body>
</html>
------解决方案--------------------
在FF下不支持filter
------解决方案--------------------
children 也不兼容
楼主去 懒人图库 看看 有很多例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>图片轮显</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<div id="div_img" style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:120px; HEIGHT:120px; border:1px solid #CCCCCC">
<div style="display:block"><A href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cssrain.cn/attachments/month_0711/v2007111131533.gif" border=0></A></div>
<div style="display: none"><a href="###" target="_blank">
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.slyw.cn/img/img_2.gif" border=0></a></div>
<div style="display: none"><A href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.cssrain.cn/attachments/month_0711/v2007111131533.gif" border=0></A></div>
<div style="display: none"><a href="###" target=_blank>
<img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="http://www.slyw.cn/img/img_4.gif" border=0></a></div>
</div>
<script type="text/javascript">
var n=0;
var obj_img = document.getElementById("div_img");
function plays(k){
n=k;
with (obj_img){
obj_img.filters[0].Apply();
for(i=0;i<4;i++)i==k?children[i].style.display="block":children[i].style.display="none";
filters[0].play();
}
}
function stop_img(){clearTimeout(timer)}
function start_img(){
n++;
if(n>3)n=0;
plays(n);
timer=setTimeout("start_img()", 6000)
}
start_img();
</script>
</body>
</html>
------解决方案--------------------
在FF下不支持filter
------解决方案--------------------
children 也不兼容
楼主去 懒人图库 看看 有很多例子
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
