在以往的認知中，一直以為用原生js寫輪播是件很難得事情，今天上班仿照網上的寫了乙個小demo。小試牛刀。
大致效果：
html結構很簡單，兩個列表，乙個代表列表，乙個是右下角序號列表。
布局的大致想法是全部絕對定位重合，透明度為1，右下角序號給選中的新增樣式。樣式都很簡單。
這是展示函式，引數為當前的展示的index。先讓所有透明度為0；所有下標沒有樣式，然後給當前的加上樣式，透明度為1；
functionshow(a)
oli[a].style.opacity = 200;
oimg[a].classname = 'current';
}
function最後是滑鼠移入移出事件：autoplay()
show(b);
},1000);
}autoplay();
//自動執行
for(var i=0;i)**只是寫了乙個結構骨架，實現大致效果，具體可以優化的地方還有很多，對於動效方面可以對透明度的改變設定乙個函式，讓透明度緩慢變成1，或者對的定位和移動方向進行改變，實現真正意義上的左右輪播。大致原理都是差不多的。oimg[i].onmouseout=function
() }
原生js實現輪播，於我而言還是有點小難度的，因為js寫的比較少，所以對於整體的邏輯把握不好，雖有曲折，但是靠著自己也是寫了出來。
總結一些輪播遇到的大致困難，第乙個是對於滑鼠移出時的定時自動輪播，剛開始自己是寫在事件onmouseout裡面的，但是測試過程中發現事件只會觸發一次，所以導致輪播不能執行，所以選擇在重新寫了乙個方法。第二個就是對於函式的傳參問題，我寫函式一直沒有傳參的習慣，都是匿名函式，雖然知道適用場景不同，對函式的運用應該靈活，可能是因為做的專案太少，經驗還是太不足，第三個就是細節方面，例如移入時清除定時器，輪播要先執行一次等。總之收穫還是很大的。
感謝閱讀。
jquery 幻燈片效果
閒著無聊，用jquery寫了乙個幻燈片效果。我這人喜歡造輪子，除了jquery這種有強大開發團隊的框架級別js，其實的一些小程式都是盡量自己寫。一是因為怕出問題了沒人問，二是自己寫的改起來也方便。效果可參考 只是上面這個demo用的是supersized，功能比較強大，就是 加密過了，讀起來很困難。...
淡入淡出輪播幻燈片
建構函式 宣告變數 function slider elem,options if this.options.animation fade init showhide this.items.showhide this.options this.to this.fade bind event this...
WordPress無需外掛程式實現幻燈片效果
據我發現所有大程式設計客棧部分的wordpress幻燈片外掛程式都是通過選擇分類來實現的，這樣的設計其實很不科學，為什麼這麼說呢？因為幻燈片都是站長覺得非常好的文章才會用幻燈片來推薦給讀者，好的文章不可能是整個欄目，所以個人一向不太喜歡用wordpress幻 燈片外掛程式，於是就寫了一段 來實現，其...