html 图片切换渐变效果图,js实现图片从左往右渐变切换效果的方法

本文实例讲述了js实现图片从左往右渐变切换效果的方法。分享给大家供大家参考。具体实现方法如下：

.woon{border:1px solid #fff;}

.wooff{border:1px solid #ffffff;filter:progid:DXImagetransform.Microsoft.Alpha(style=1,opacity=1500,finishOpacity=1);}

href="#" target=_blank>

var n=0; var showNum = document.getElementByIdx_x("num"); function Mea(value){ n=value; setBg(value); plays(value); } function setBg(value){ for(var i=0;i<4;i++) if(value==i){ showNum.getElementsByTagName_r("td")[i].className='woon'; } else{ showNum.getElementsByTagName_r("td")[i].className='wooff'; } } function plays(value){ with (fc){ filters[0].Apply(); for(i=0;i<4;i++)i==value?children[i].style.display="block":children[i].style.display="none"; filters[0].play(); } } function clearAuto(){clearInterval(autoStart)} function setAuto(){autoStart=setInterval("auto(n)", 5000)} function auto(){ n++; if(n>3)n=0; Mea(n); } function sub(){ n--; if(n<0)n=3; Mea(n); } setAuto();