基於Jquery的banner輪播插件,簡單粗暴

新手練習封裝插件，覺着在前端這一塊的輪播比較多，各種旋轉木馬一類的3D旋轉，技術不夠，所以封裝了一個簡單的banner輪播插件，功能也比較簡單，就是左右向的輪播。

先掛地址https://github.com/DEATHBUG/banner_tool

第一個放進去的項目，相當有紀念意義，大神輕虐。

下面放傳參參數

$(".banner").Banner({
child:'li',    //包含圖片的父級標簽,默認li
time:'3000',    //輪播間隔時間
direction:"right",    //輪播方向，目前僅支持left和right
choose:'false',    //是否支持觸摸小點的輪播觸摸事件,默認false。
chooseId:'id',    //小點外部父級標簽ID。僅限choose開關打開。
chooseActive:'red',    //支持小點的選中狀態classname。僅限choose開關打開。
preId:'pre',    //向前翻頁的按鈕id
nextId:'next'    //向后翻頁的按鈕id
});

 

　　

目前僅支持控制輪播的時間間隔，輪播方向為左右，
choose為前面觸點標記，若為true則為打開，需加載如下觸點父級標簽ID，以及用戶點擊的樣式變化class；
如果添加前后翻頁按鈕，則添加參數前后翻頁的按鈕ID；

<div id="dian">
<span></span>
<span></span>
<span></span>
<span></span>
</div>

　　若添加觸摸選頁標記，傳遞ID即可；

 

我是個web程序猿，享受代碼，樂於前端，正在摸索前進的道路上。

如果發現有什么問題，希望能在下面評論或者及時反饋給qq 2109796331，非常感激您的上帝視角。請不吝賜教！！