<div style="margin:auto; width:290px; height:215px; padding:8px 0px ">
          <table width="290" border="0" cellspacing="0" cellpadding="0" class="mt13">
            <tr>
              <td width="290px" height="215px" background="/jscss/demoimg/200906/focus_bg.jpg"><!--focus-->
                <div style="width:290px; height:215px; filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=5,gradientSize=0.5,motion=forward );"id="fc">
                  <!--周一-->
                  <table width="290" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="npim">
<a href="" target="_blank" ><img src="../img/177.png" width="290" height="219" border="0" /></a>
</td>
                    </tr>
                  </table>
                  <!--周二-->
                  <table width="290" border="0" align="center" cellpadding="0" cellspacing="0" class="undis">
                    <tr>
                      <td class="npim"><a href="" target="_blank" ><img src="../img/183.png"  width="290" height="219" border="0" /></a></td>
                    </tr>
                  </table>
                  <!--周三-->
                  <table width="290" border="0" align="center" cellpadding="0" cellspacing="0" class="undis">
                    <tr>
                      <td class="npim"><a href="" target="_blank"><img src= "../img/184.png"  width="290" height="219" border="0" /></a></td>
                    </tr>
                  </table>
                  <!--周四 -->
                  <table width="290" border="0" align="center" cellpadding="0" cellspacing="0" class="undis">
                    <tr>
                      <td class="npim"><a href="#" target="_blank" ><img src="../img/185.png"  width="290" height="219" border="0" /></a></td>
                    </tr>
                  </table>
                
                </div>
                <table width="290" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td height="3"></td>
                  </tr>
                  <tr>
                    <td class="nptx3" id="num"><div class="npfd1" onmouseover="Mea(0);clearAuto();" onmouseout="setAuto()"><img src="../img/183.png" width="50px" height="50px"/></div>
                      <div class="npfd2" onmouseover="Mea(1);clearAuto();" onmouseout="setAuto()"><img src="../img/183.png"width="50px" height="50px"/></div>
                      <div class="npfd2" onmouseover="Mea(2);clearAuto();" onmouseout="setAuto()"><img src="../img/183.png"width="50px" height="50px"/></div>
                      <div class="npfd2" onmouseover="Mea(3);clearAuto();" onmouseout="setAuto()"><img src="../img/183.png"width="50px" height="50px"/></div></td>
                  </tr>
                </table>
                <script language="javascript" type="text/javascript"> 
var n=0;
var showNum = document.getElementById("num");
var fc = document.getElementById("fc");
var week = new Date().getDay();
if(week)
{week=week-1;}
else
{
 week=3;
}
;
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='npfd1';
    } 
   else{ 
    showNum.getElementsByTagName("div")[i].className='npfd2';
    }
}
function plays(value){
 with (fc){
  filters[0].Apply();
  for(i=0;i<4;i++)i==value?getElementsByTagName("table")[i].className="dis":getElementsByTagName("table")[i].className="undis"; 
  filters[0].play();   
  }
 
}
var first='';
var autoStart='';
function clearAuto(){clearInterval(autoStart);}
function setAuto(){
 clearInterval(first);
 autoStart=setInterval("auto(n)", 7000)
}
function auto(value){
 n++;
 if(n>4)n=0;
 Mea(n);

first=setInterval("setAuto()", 7000);
Mea(week);
  </script>
                <!--focus end-->
              </td>
            </tr>
          </table>
        </div>

解决方案 »

  1.   

         
    .dis{display:block}
    .undis{display:none}
    .nptx3{}
    .nptx3 div{   margin-left:20px; float:left;cursor:pointer; margin-top:20px}
    .npfd1{background:url("/jscss/demoimg/200906/f_num_on.gif") no-repeat;}
    .npfd1 a,.npfd1 a:hover{color:#fff;text-decoration:none;}
    .npfd2{background:url("/jscss/demoimg/200906/f_num.gif") no-repeat;}
      

  2.   

    filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=5,gradientSize=0.5,motion=forward )
    这个是ie特有的