javascript實作banner圖的常用功能

這篇文章主要為大家詳細介紹了原JS實現banner圖的常用功能，具有一定的參考價值，有興趣的小伙伴們可以參考一下

雖然，用jQuery實現banner圖的各種效果十分簡單快捷，但是我今天用css+js程式碼實作了幾個banner圖的常用功能，效果還不錯。

此次，主要想實現以下功能：

　　1. banner圖循環不間斷切換

　　2. 透過自製按鈕實現指定性banner圖的切換

　　3. 透過方向按鈕實現banner圖左/右定向依序切換

　　4. 當banner圖存在onmouseover事件時，停止banner切換，當存在onmouseout時繼續切換

      
   
  
         
  
 1 2 3 4 5 6 
  
 
  
 
  
 
 
   

　　但是經過博主的測試，發現程式存在一定的瑕疵，第一張圖片的保留時間比其他圖片長，而且每次重新開啟計時器均存在這個問題。暫時部落客還沒有比較簡單

省事的方法改良他，所以僅供參考思路，以後要用，當然還是jQuery省事啦！

　　如果有錯誤，歡迎朋友們指出，我們一起探討，改良程式碼！

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

以上是javascript實作banner圖的常用功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！