//一下代码可以直接运行,但是在IE6中js脚本报错说不支持自动完成,想问问怎么改?谢谢大家!
<!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>
<!--[if !IE]>|xGv00|3b5e6c431e9b560f40893a978e9edc81<![endif]-->
<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="images/new.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="images/iscsi.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="images/storage.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="images/security.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="images/new.jpg" alt="" onclick="Mea(0);" onmouseover="clearAuto();Mea(0);" onmouseout="setAuto()" />
</div><p></p>
<div class="normal"><img src="images/iscsi.jpg" alt="" onclick="Mea(1);" onmouseover="clearAuto();Mea(1);" onmouseout="setAuto()" />
</div><p></p>
<div class="normal"><img src="images/storage.jpg" alt="" onclick="Mea(2);" onmouseover="clearAuto();Mea(2);" onmouseout="setAuto()" />
</div><p></p>
<div class="normal"><img src="images/security.jpg" alt="" onclick="Mea(3);" onmouseover="clearAuto();Mea(3);" 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>
<!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>
<!--[if !IE]>|xGv00|3b5e6c431e9b560f40893a978e9edc81<![endif]-->
<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="images/new.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="images/iscsi.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="images/storage.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="images/security.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="images/new.jpg" alt="" onclick="Mea(0);" onmouseover="clearAuto();Mea(0);" onmouseout="setAuto()" />
</div><p></p>
<div class="normal"><img src="images/iscsi.jpg" alt="" onclick="Mea(1);" onmouseover="clearAuto();Mea(1);" onmouseout="setAuto()" />
</div><p></p>
<div class="normal"><img src="images/storage.jpg" alt="" onclick="Mea(2);" onmouseover="clearAuto();Mea(2);" onmouseout="setAuto()" />
</div><p></p>
<div class="normal"><img src="images/security.jpg" alt="" onclick="Mea(3);" onmouseover="clearAuto();Mea(3);" 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>
http://www.cnblogs.com/yaoliang11/archive/2009/12/11/1621939.html