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

前端之家收集整理的这篇文章主要介绍了js实现图片从左往右渐变切换效果的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

代码如下:

<div style="display: none"><a href="#" target="_blank">

<div style="display: none">
<div style="display: none">

<td class=woon onmouseover=clearAuto();onclick=Mea(0); onmouseout=setAuto() >
<img src="http://s15.sinaimg.cn/middle/60d27f6dtbc987f277bde&690" width="120" height="70" style="cursor: hand" onDblClick="MM_openBrWindow('#','','')"></td>

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();

希望本文所述对大家的javascript程序设计有所帮助。

猜你在找的JavaScript相关文章