js實作圖片從左往右漸變切換效果的方法_javascript技巧

本文實例講述了js實現圖片從左往右漸變切換效果的方法。分享給大家供大家參考。具體實作方法如下：

複製程式碼 程式碼如下:

   
     
     
           
         
           
         
         
           
         
      表>

var n=0;
var showNum = document.getElementByIdx_x("num");
函數 Mea(值){
 n=值；
 setBg(值);
 播放（值）；
 }
函數 setBg(值){
 for(var i=0;i    if(值==i){
  showNum.getElementsByTagName_r("td")[i].className='woon';
  }
 其他{
  showNum.getElementsByTagName_r("td")[i].className='wooff';
  }
 }
函數播放（值）{
 與 (fc){
  過濾器[0].Apply();
  for(i=0;i   過濾器[0].play(); 
  }
}
函數clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 5000)}
函數自動（）{
 n ;
 if(n>3)n=0;
 平均 (n);
}
函數 sub(){
 n--;
 if(n  平均 (n);
}
setAuto();
>腳本
身體>

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：JQuery中extend的用法實例分析_jquery下一篇：JQuery中extend的用法實例分析_jquery

相關文章

看更多

• 深入淺析Bootstrap列表組元件
• JavaScript函數柯里化詳解
• JS密碼產生與強度偵測完整實例(附demo源碼下載)
• Angularjs整合微信UI（weui）
• JavaScript快速切換繁體中文和簡體中文的方法及網站支援簡繁體切換的絕招_javascript技巧

• 首頁

• 課程

• 問答

• 我的

• 首頁
• 課程
• 文章
• 問答
• 詞典
• 手册
• 下載
• 專題

首頁

文章

問答

課程

專題

下載

遊戲

詞典

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）

href="#" target=_blank>