首页 > web前端 > js教程 > js实现图片从左往右渐变切换效果的方法_javascript技巧

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

WBOY
发布: 2016-05-16 16:15:15
原创
1726 人浏览过

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

复制代码 代码如下:




   
     
   
   
     

       

         
                  href="#" target=_blank>js实现图片从左往右渐变切换效果的方法_javascript技巧

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

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

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

     
     
         
           
         
           
         
         
           
         
     

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

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

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

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

<script><br /> var n=0;<br /> var showNum = document.getElementByIdx_x("num");<br /> function Mea(value){<br /> n=value;<br /> setBg(value);<br /> plays(value);<br /> }<br /> function setBg(value){<br /> for(var i=0;i<4;i++)<br /> if(value==i){<br /> showNum.getElementsByTagName_r("td")[i].className='woon';<br /> }<br /> else{<br /> showNum.getElementsByTagName_r("td")[i].className='wooff';<br /> } <br /> }<br /> function plays(value){<br /> with (fc){<br /> filters[0].Apply();<br /> for(i=0;i<4;i++)i==value&#63;children[i].style.display="block":children[i].style.display="none";<br /> filters[0].play(); <br /> }<br /> }<br /> function clearAuto(){clearInterval(autoStart)}<br /> function setAuto(){autoStart=setInterval("auto(n)", 5000)}<br /> function auto(){<br /> n++;<br /> if(n>3)n=0;<br /> Mea(n);<br /> }<br /> function sub(){<br /> n--;<br /> if(n<0)n=3;<br /> Mea(n);<br /> }<br /> setAuto();<br /> </script>
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板