suchen

Heim  >  Artikel  >  Web-Frontend  >  So erzielen Sie in js_javascript-Fähigkeiten den Farbverlaufswechseleffekt von Bildern von links nach rechts

So erzielen Sie in js_javascript-Fähigkeiten den Farbverlaufswechseleffekt von Bildern von links nach rechts

WBOY
WBOYOriginal
2016-05-16 16:15:151689Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie mit js der Effekt der Farbverlaufsumschaltung von Bildern von links nach rechts erzielt wird. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:




   
     
   
   
     

       

         
href="#" target=_blank>

        
       

        
       

       

     
     
         
           
         
           
         
         
           
         
     

  
     
  
  

<script><br> var n=0;<br> var showNum = document.getElementByIdx_x("num");<br> Funktion Mea(value){<br>  n=Wert;<br>  setBg(value);<br>  spielt(Wert);<br>  }<br> Funktion setBg(value){<br>  for(var i=0;i<4;i )<br />    if(value==i){<br />   showNum.getElementsByTagName_r("td")[i].className='woon';<br />   }<br />  sonst{<br />   showNum.getElementsByTagName_r("td")[i].className='wooff';<br />   } <br />  }<br /> Funktion spielt(Wert){<br />  mit (fc){<br />   filter[0].Apply();<br />   for(i=0;i<4;i )i==value?children[i].style.display="block":children[i].style.display="none";<br />   filter[0].play();  <br />   }<br /> }<br /> Funktion clearAuto(){clearInterval(autoStart)}<br /> Funktion setAuto(){autoStart=setInterval("auto(n)", 5000)}<br /> Funktion auto(){<br />  n ;<br />  if(n>3)n=0;<br>  Mea(n);<br> }<br> Funktion sub(){<br>  n--;<br>  if(n<0)n=3;<br>  Mea(n);<br> }<br> setAuto();<br> </script>


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

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Analyse von Anwendungsbeispielen für Extend in JQuery_jqueryNächster Artikel：Analyse von Anwendungsbeispielen für Extend in JQuery_jquery

In Verbindung stehende Artikel

Mehr sehen