個人製作jQuery滾動外掛程式

2021-08-02 10:41:49 字數 975 閱讀 8502

第一次寫部落格,寫的不好請見諒!試寫...

演示位址1

演示位址2

這是我根據自己之前的工作經驗寫的兩個外掛程式,現在將它們分享出來,希望可以幫助其他人,也希望大家指正缺點,共同進步!

功能分析:

主要實現的切換方式有五種:左右切換,上下切換和隱藏顯示;

引數:leftbtn:左邊切換按鈕;

right

btn:右邊切換按鈕;

btnbox:底部列表數目展示,內建元素預設span標籤;

btnboxfont:底部按鈕字型大小,預設為0,數字自增;

direction:滾動方向,預設left,可填引數:left,right,top,bottom,fade;

carmethod:是否自動滾動,預設是true;

controlling:是否連續滾動,預設是true;

speed:滾動速度,預設是1000;

interval:每次滾動間隔時間,預設是3000;

showlist:當前展示的數目個數,預設是0,當滾動數目小於該展示的數目時,所有滾動功能停止,靜止展示;

功能分析:

主要實現類似金字塔的切換方式,自定義展示的滾動個數(奇數,最好為3、5、7、9)

引數:leftbtn:左邊切換按鈕;

right

btn:右邊切換按鈕;

btnbox:底部列表數目展示,內建元素預設span標籤;

fontsize

:底部按鈕字型大小,預設為0,數字自增;

element:切換元素;

title:切換元素的標題;

percent:最前圖的寬度百分比,預設60;

shownumber:滾動個數,預設5;

speed:切換間隔時間,預設3000;

direction:切換方向,預設left,引數為left或者right

jquery外掛程式製作

旁白 最近做專案,經同事指點,對jquery大有改觀,亦有醍醐灌頂之感,今天特來研究下jquery外掛程式製作,在此分享一篇部落格。正題 jquery外掛程式豐富,很多也很好用的,這裡jquery外掛程式製作其實很簡單,介紹如下 1.jquery外掛程式的基本格式 function var opti...

jquery外掛程式製作

jquery外掛程式豐富,很多都是很好用的,最近學習了一下如何製作jquery外掛程式,發現jquery外掛程式製作其實很簡單,這裡介紹一下。jquery外掛程式的基本格式 function var options extend defaults,options this.each function...

自己製作jQuery外掛程式

寫自己的jquery外掛程式非常容易,按照下面的原則來做,可以讓其他人也容易地結合使用你的外掛程式 為你的外掛程式取乙個名字,在這個例子裡面我們叫它 foobar 建立乙個像這樣的檔案 jquery.yourpluginname js,比如我們建立乙個jquery.foobar.js 建立乙個或更多...