<!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=GBK"><meta name="Keywords" content="信息化产品介绍">
<meta name="Description" content="信息化产品介绍">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<title>信息化产品介绍</title><style>
#top .w{overflow:visible}
.w{width:620px;margin:0 auto}
.W dd{border-right:1px solid #E1E1E1;width:617px;height:48px}
.W dd p{height:24px;line-height:24px;overflow:hidden}
.W dt p{width:61px;height:48px;line-height:40px;text-align:center}
.W dt p a{font-size:14px}
.W span{margin-right:55px}
.W li{width:86px;padding:5px 0}
.W .W1,.W .W2{width:50px;font-family:\5b8b\4f53}
.mt{}
.mt_ dd a{ margin:auto 8px;color:#777}
.t span a.blue{color:#0082CB}
.mt_ i{border-top:2px solid #d6d6d6;width:476px;display:block;height:1px;overflow:hidden}
.mt_ dl{ clear:both}
.mt_ dt,.mt_ dd{float:left;line-height:25px;color:#ddd}
.mt_ dt{padding:0 5px 0 10px;color:#0082CB}
.aL{width:620px}
.aL,.aM,.aR,.f i,.l3 li,.L,.R,.t ul li,.q dl,.i li,.i dd,.LL,.q dd,.q dt,.bL,.bR,.i dt,.I i,.K dd,.cL,.cM,.cR,.e_ em,.f_ dl{float:left;display:inline}
.f h6{background:url(http://i3.sinaimg.cn/qc/2011img/titleA.png) no-repeat #0EA3DA;padding-left:10px;font-size:14px;color:#fff;height:30px;line-height:30px;_line-height:32px;overflow:hidden}
.f p{height:38px;line-height:38px;background-color:#676767;text-align:center;border-top:2px solid #0EA3DA}
.f p a{color:#fff;font-size:14px}.f p a:hover{color:#fff}
.f dl{position:relative}
.f dt,.z_ ul{position:absolute;right: 10px;top: 240px;z-index:99}
.f i,.z_ li{width:16px;height:16px;line-height:16px;background-color:#676767;text-align:center;color:#fff;margin-right:4px;cursor:pointer;font-family:Arial}
.f .c,.z_ li.c{color:#FFF8AF;font-weight:bold;background-color:#0EA3DA;border-top:5px solid #0EA3DA;border-bottom:2px solid #0EA3DA;position:relative;top:-5px}
.f img{width:620px;height:273px;border: 1px solid blue;}
.F{background-color:#FBFBFB}
.F h6{font-size:14px;color:#0082CB;width:75px;height:20px;line-height:20px}
.F select{width:152px}
.F span select{width:110px}
.F i select{width:140px}
.F .bL ul{padding-bottom:14px;margin:0 0 15px;background:url(http://i3.sinaimg.cn/qc/2011img/h_dot.gif) repeat-x 0 100%}
.F li select{height:21px;}
.c_{width:548px}
.c_ li{height:24px;line-height:24px}
.c_1{width:63px;padding-left:10px}.c_2{width:65px}.c_3{width:135px}
.c_ .LL{width:273px;border-right:1px dotted #B9B9B9}
.c_ .R{width:274px}
.l .c a{color:#F24400}
.C{padding-left:10px}
.C .LL{margin-right:19px;width:300px}.C .RR{margin-right:19px;width:350px}
.N{text-align:center;padding:15px 0 10px}
.N a{font-size:14px}
.n_{overflow:visible;position:relative;z-index:30}
.n{display:none}
</style>
<script type="text/javascript"> var arri=document.getElementsByTagName("i");
var number=-1;
function temp(){ 
number++;
if(number==arri.length){
number=0
}
change_c(arri[number],number+1)
}
var timer =  window.setInterval("temp()",2000); //触发滚动函数
function gogo(){
timer =  window.setInterval("temp()",2000); 

}
function change_c(obj,index,num){
if(num){
number=num-1;
}
var allObj = obj.parentElement;
   for(var i =0;i< allObj.childNodes.length;i++){
   allObj.childNodes[i].className = "";
   }
   obj.className = "c";
   if(index ==1){
for(var j =0;j<allObj.childNodes.length;j++){
document.all("change_img")[j].src="http://www.supcontech.com/images/photo01.gif";
document.all("change_href")[j].href="http://www.supcontech.com/03_01_05_01.asp";
}
} if(index ==2){
for(var j =0;j<allObj.childNodes.length;j++){
document.all("change_img")[j].src="http://www.supcontech.com/images/photo02.gif";
document.all("change_href")[j].href="http://www.supcontech.com/03_01_05_02.asp";
}
}
  
if(index ==3){
for(var j =0;j<allObj.childNodes.length;j++){
document.all("change_img")[j].src="http://www.supcontech.com/images/photo03.gif";
document.all("change_href")[j].href="http://www.supcontech.com/03_01_05_03.asp";
}
}
  
if(index ==4){
for(var j =0;j<allObj.childNodes.length;j++){
document.all("change_img")[j].src="http://www.supcontech.com/images/photo04.gif";
document.all("change_href")[j].href="http://www.supcontech.com/03_01_05_03.asp";
}
}
  
if(index ==5){
for(var j =0;j<allObj.childNodes.length;j++){
document.all("change_img")[j].src="http://www.supcontech.com/images/photo05.gif";
document.all("change_href")[j].href="http://www.supcontech.com/03_01_05_03.asp";
}
}
  
if(index ==6){
for(var j =0;j<allObj.childNodes.length;j++){
document.all("change_img")[j].src="http://www.supcontech.com/images/photo06.gif";
document.all("change_href")[j].href="http://www.supcontech.com/03_01_05_03.asp";
}
}
  
  
}
</script> <div class="w mt">  <div class="aL f">    <dl><dt><i class="c" onclick="change_c(this,1,1);">1</i><i onclick="change_c(this,2,2);">2</i><i onclick="change_c(this,3,3);">3</i><i onclick="change_c(this,4,4);">4</i><i onclick="change_c(this,5,5);">5</i><i onclick="change_c(this,6,6);">6</i></dt><dd><a id="change_href" href="http://www.supcontech.com/03_01_05_01.asp" target="_blank" title="面向流程工业的企业管理软件"><img id="change_img" onmouseover="clearInterval(timer)" onmouseout="gogo()" src="http://www.supcontech.com/images/photo01.gif" width="620" height="273" alt="面向流程工业的企业管理软件"/></a></dd> <dd class="n"><a id="change_href"  href="http://www.supcontech.com/03_01_05_02.asp" target="_blank" title="应用广泛 按需部署"><img  id="change_img"   src="http://www.supcontech.com/images/photo02.gif" width="620" height="273" alt="应用广泛 按需部署"/></a></dd> <dd class="n"><a id="change_href"  href="http://www.supcontech.com/03_01_05_03.asp" target="_blank" title="全面集成 纵向贯通"><img  id="change_img"  src="http://www.supcontech.com/images/photo03.gif" width="620" height="273" alt="全面集成 纵向贯通"/></a></dd> <dd class="n"><a id="change_href"  href="http://www.supcontech.com/03_01_05_02.asp" target="_blank" title="设备管理 "><img  id="change_img"   src="http://www.supcontech.com/images/photo04.gif" width="620" height="273" alt="设备管理"/></a></dd> <dd class="n"><a id="change_href"  href="http://www.supcontech.com/03_01_05_03.asp" target="_blank" title="供应链管理"><img  id="change_img"  src="http://www.supcontech.com/images/photo05.gif" width="620" height="273" alt="供应链管理"/></a></dd> <dd class="n"><a id="change_href"  href="http://www.supcontech.com/03_01_05_02.asp" target="_blank" title="联系我们"><img  id="change_img"   src="http://www.supcontech.com/images/photo06.gif" width="620" height="273" alt="联系我们"/></a></dd> </dl>  </div>

解决方案 »

  1.   

    每次点击转换图片都会有一次HTTP请求,其实就6张图片请求6次就够了,怎么处理?
      

  2.   

    按理,图片下载一次就会保存到缓存里面了,你是用HttpWatch看的?
      

  3.   

    你用其他浏览器看看吧。。HttpWatch这个好像有点问题的我普通切换样式,HttpWatch都会显示发送一个http的get请求
      

  4.   

    对啊,请求多次我领导说是bug要优化
      

  5.   

    我之前在做项目的时候也出现过这种情况。这是IE6的缓存BUG。。
    其他浏览器是没问题的,暂时没什么办法解决
      

  6.   

    网上找到一个解决方案,但需要把图片设置成背景图案
    http://www.cnblogs.com/pansly/archive/2011/07/18/2109449.html