ホームページ > ウェブフロントエンド > jsチュートリアル > js_javascript スキルで画像の左から右へのグラデーション切り替え効果を実現する方法

js_javascript スキルで画像の左から右へのグラデーション切り替え効果を実現する方法

WBOY
リリース: 2016-05-16 16:15:15
オリジナル
1739 人が閲覧しました

この記事の例では、js を使用して画像を左から右にグラデーションで切り替える効果を実現する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:




   
     
   
   
     

       

         
href="#" target=_blank>

        
       

        
       

       

     
     
         
           
         
         

  
           
         

     

  
           
         

  
     
<スクリプト>
var n=0;
var showNum = document.getElementByIdx_x("num");
関数 Mea(値){
 n=値;
 setBg(値);
 再生数(値);
 }
関数 setBg(値){
 for(var i=0;i    if(value==i){
  showNum.getElementsByTagName_r("td")[i].className='woon';
  }
 それ以外{
  showNum.getElementsByTagName_r("td")[i].className='ウォフ';
  }
 }
関数 play(値){
 (fc){
と   フィルター[0].Apply();
  for(i=0;i   フィルター[0].play(); 
  }
}
関数clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 5000)}
関数 auto(){
 ん;
 if(n>3)n=0;
 メア(n);
}
関数 sub(){
 ん--;
 if(n  メア(n);
}
setAuto();



ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート