社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > js實作圖片從左往右漸變切換效果的方法_javascript技巧

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

WBOY
發布： 2016-05-16 16:15:15
原創
1727 人瀏覽過

本文實例講述了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();
>腳本
身體>
相關標籤：
js 切換效果 圖片 方法 漸變
來源：php.cn
上一篇：JQuery中extend的用法實例分析_jquery 下一篇：js實作多選項切換導覽選單的方法_javascript技巧
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在多個路由中聲明的workerpool是否仍然可以保持其cpu使用率而不關心閾值 我希望找到一個帶有workerpool的node.js系統來處理CPU密集型任務，但是對於多條路由中的cpu使用情況，我有點困惑。一個場景是這樣的：route1.js:constw...
來自於 2024-04-06 19:54:23
0
1
444
放大 d3.js 時散佈圖點不會保持值 這是我第一次使用d3.js，所以請耐心等待。我在vue.js檔案中將其作為純JavaScript實作。我正在嘗試製作具有縮放功能的散點圖。到目前為止，我幾乎一切正常，但當我縮放時，...
來自於 2024-04-06 18:16:26
0
1
403
顯示隱藏的側邊面板：選中 我希望在側面板中有一個導航選單，可以透過動畫漢堡選單切換到視圖。我想僅使用CSS創建它，而不使用任何JS。 :checked偽類似乎是可行的方法，但我無法讓它工作。到目前為止我擁有...
來自於 2024-04-06 15:49:33
0
1
319
我們是否應該使用 SSG 來部署使用 Nuxt.js 建立的儀表板？ 我們將使用Nuxt.js開發一個供內部使用的儀表板。由於這將是一個內部儀表板，因此不需要通用模式。一般大部分儀表板都是在SPA中開發的。但是SPA還需要伺服器將初始HTML和js套...
來自於 2024-04-06 13:17:44
0
1
493
Electron 在預先載入時取得 AppData 如何取得預先載入的AppData目錄？背景.js[...]asyncfunctioncreateWindow(){constwin=newBrowserWindow({width:...
來自於 2024-04-06 11:05:31
0
1
417
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板

       

         
href="#" target=_blank>

        
       

        
       

       

     

   
   
     
         

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