jq各種外掛程式層出不窮,當然幻燈片外掛程式也不例外,於是本人也自已寫了一款,對於目前所做專案來說,足夠用了,slidev1.0外掛程式使用很簡單,配置如下:
1、三種按鈕型別介面選擇(預設型別、數字型別、縮圖型別)
2、三種動畫型別介面選擇(漸變、上下、左右)
3、二種事件型別選擇(點選、滑鼠經過)
4、動畫速度
5、動畫間隔時間
6、是否自動切換
7、是否顯示左右按鈕
8、當前狀態按鈕類名可配置
9、左按鈕類名可配置
10、右按鈕類名可配置
11、是否顯示標題
提供多種常用引數:defaults =;
呼叫方式:css:$(function
() );
$('#slide2').slide();
$('#slide3').slide();
});
*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 imghtml:/********* 按鈕當前狀態樣式 *******************
*/#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
效果圖:
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外掛程式開發的喜悅中,希望對大家有幫助...