<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>
<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>
.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;}
这个是ie特有的