jq原創幻燈片外掛程式slideV1 0

2022-05-24 23:45:16 字數 1197 閱讀 7179

jq各種外掛程式層出不窮,當然幻燈片外掛程式也不例外,於是本人也自已寫了一款,對於目前所做專案來說,足夠用了,slidev1.0外掛程式使用很簡單,配置如下:

1、三種按鈕型別介面選擇(預設型別、數字型別、縮圖型別)

2、三種動畫型別介面選擇(漸變、上下、左右)

3、二種事件型別選擇(點選、滑鼠經過)

4、動畫速度

5、動畫間隔時間

6、是否自動切換

7、是否顯示左右按鈕

8、當前狀態按鈕類名可配置

9、左按鈕類名可配置

10、右按鈕類名可配置

11、是否顯示標題

提供多種常用引數:

defaults =;

呼叫方式:

$(function

() );

$('#slide2').slide();

$('#slide3').slide();

});

css:

*body.slide.slide ul.slide ul li.slide ul li img.slide ol.slide ol li.slide ol li.cur#slide2 ol li#slide3 ol li#slide3 ol li img

/********* 按鈕當前狀態樣式 *******************

*/#slide1 ol li.active#slide2 ol li.active#slide3 ol li.active

/********* 左右按鈕 ********

*/.prev,.next,.left,.right,.left_btn,.right_btn.prev,.left,.left_btn.next,.right,.right_btn.prev:hover,.next:hover.left,.right.left:hover,.right:hover.left_btn,.right_btn.left_btn:hover,.right_btn:hover

/********* 標題 ********

*/.slide div.slide div i.slide div h3

html:

效果圖:

discuz幻燈片外掛程式開發 01

作為乙個新手,也是剛剛玩轉discuz的外掛程式的一些功能,感覺網上的關於discuz的教程很簡單,原因可能是這個東西是商業化的東西,本著分享的精神的人就不是很多,我現在就幻燈片外掛程式教程,拿出來大家一起分享一下。希望能給大家一些啟示或者幫助吧!一 首先建立乙個新外掛程式後,建立pages.cla...

基礎幻燈片

下面列舉幾種比較常見的幻燈片實現 1 把所有層疊放著,定時器每次執行使某張圖透明度為1,其他為0,當然透明度的漸變也由定時器控制。function show ind count 20 l2 index classname current function autoplay 2000 2 最常見的方法...

10個Jquery幻燈片外掛程式教程

當有大量的內容或者需要在你的 或者blog上展示的時候,以幻燈片滑動的方式是乙個不錯的選擇,這種效果常用於公司 或者個人blog。常聽有人說jquery 比較難學,只要你感興趣,實現幻燈片效果還是蠻有樂趣的,下面的jquery 幻燈片教程將引領你進入jquery外掛程式開發的喜悅中,希望對大家有幫助...