SuperSlidev2.1
更新v2.1.3,兼容 jquery3.0+ !
SuperSlide 致力于解決網站大部分特效展示問題,使網站代碼規范整潔,方便維護更新。
網站上常用的“焦點圖/幻燈片”“Tab標簽切換”“圖片滾動”“無縫滾動”等只需要一個SuperSlide即可解決!
從此無需網上苦苦尋覓特效,無需加載n個插件,無需害怕代碼沖突,你需要的只是一個SuperSlide!
還可以多個SuperSlide組合創造更多效果哦~
(兼容包括ie6的絕大部分瀏覽器)[當年的你是否這樣?]
版本更新說明:
- 2.1
- 2.0
- 1.2
- 1.0
-
- 更新至v2.1.3,兼容jquery3.0+
- 更新至v2.1.2,左滾動自適應窗口寬度,demo
- 更新至v2.1.1,修復當調用多個SuperSlide,并設置returnDefault:true 時總返回第一個的錯誤。
- 更新至v2.1,兼容舊版,直接覆蓋即可。
- 基礎效果類型增加“菜單”和“手風琴”,并增加3個基礎示例。
- 基礎效果全部類型增加更多參數演示,讓你更了解SuperSlide。
- 擴展效果增加20多個示例,特別是“綜合首頁”體現SuperSlide精髓所在。
- 優化leftLoop、topLoop、leftMarquee、topMarquee核心算法,初始化后不再存在dom操作,減少內存消耗,提高性能。
- 修復當scroll>1時 switchLoad 無效載bug。
- 修復一些示例兼容性bug。
- 新增參數:type,效果類型,默認值:slide,可選"slide"||"menu",引入type:"menu"專門處理菜單/導航效果。
- 新增參數:returnDefault,默認值:false,鼠標移出容器,返回默認狀態,常用于導航/菜單。
- 新增參數:defaultPlay,默認值:ture,默認執行效果(第一次運行是否執行效果)常用于導航/菜單。
- 新增參數:mouseOverStop,默認值:ture,鼠標移到容器層(無縫滾動是mainCell)是否停止播放。
- 新增參數:playStateCell,默認值:".playState",播放/暫停狀態按鈕,點擊后會增加/刪除"pauseState"類名用于控制樣色。
- 擴展參數:autoPage,支持自定義分頁html!>>詳解。
- 擴展參數:effect,增加"slideDown",下拉效果。
- 擴展參數:targetCell,增加支持"slideDown"效果。
- 擴展參數:startFun/endFun,增加傳遞參數,現在全參數為 startFun:function( i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell ){}。
- 更改參數:easing,默認值為"swing",滑動更流暢。
- leftMarquee、topMarquee 前后按鈕增加mouseover事件。
- leftMarquee、topMarquee 前后按鈕增加長按10倍加速運行功能。
-
- 正式擁有自己的域名www.bob-brooke.com,歡迎到訪!( SuperSlide.com已被注冊,無奈加一個2 )
- 更新至v2.0,兼容舊版,直接覆蓋即可。
- 進行了大刀闊斧的改版,更清晰的指引,更詳盡的介紹,更豐富的示例。
- 所有參數(除了startFun/endFun)填寫的時候均可以用雙引號,例如:delayTime:"1000"(以防新手填錯)
- 新增效果fold,平滑的淡入淡出
- 新增參數:switchLoad,默認值 :null;作用:內容切換加載,暫時只支持圖片,必須配合后臺程序使用。 [詳細]
- 新增參數:easing,默認值 :linear;作用: 緩動效果 [詳細]
- 新增參數:startFun,每次切換效果開始時執行函數,用于處理特殊情況或創建更多效果。用法 satrtFun:function(i,c){ }; 其中i為當前分頁,c為總頁數 [詳細]
- 新增參數:endFun,每次切換效果結束時執行函數,用于處理特殊情況或創建更多效果。用法 endFun:function(i,c){ }; 其中i為當前分頁,c為總頁數 [詳細]
- 新增參數:triggerTime,默認值 :150毫秒,titCell觸發時間,默認150毫秒延遲,以防重復執行效果。若為0即鼠標移過titCell立刻執行效果
- 新增參數:targetCell,切換元素對象,處理內容切換元素非包裹狀態下等情況,實現更多效果,處理更多情況,能和titCell、mainCell同時使用。只支持fade效果。 [詳細]
- 新增參數:pageStateCell,默認值 :"pageState",分頁狀態對象,用于顯示分頁狀態,例如:2/3
- 新增參數:pnLoop,默認值 :true,前/后按鈕是否繼續循環,若為false則當翻動到最前/后頁時,前/后按鈕點擊無效,同時增加prevStop/nextStop類名控制樣色
- 新增參數:opp,默認值 :false,默認反方向運動,例如 effect:"leftMarquee" 然后設置 opp:true,則效果為右滾動。常用于leftMarquee/topMarquee
-
- Super Slide 從v1.2開始正式更名為 SuperSlide(無空格)!js文件命名正式更名為:jquery.SuperSlide.js
- 新增參數autoPage -- 系統自動分頁,兼容1.0,覆蓋1.0版本代碼即可 >>詳解
- 修復無縫滾動(leftMarquee、topMarquee)在xp系統下,ie7、ie8無法滾動的神奇bug
- 新增多個效果展示!帶有new的都是新增的效果,其實這些效果1.0也可以實現的,但有些同志可能沒有深入了解SuperSlide,不知道還能這樣。新增的都是一些常見效果,希望對你有啟發。
-
很久之前我也是一個網站新手,在制作網頁過程中,經常需要用到各種特效,于是到網上找合適的插件。找到后要熟悉它的參數、用法等,如果用到幾種不同特效,就要找幾個不同插件,結果頁面代碼臃腫,加載緩慢,還要害怕會不會沖突!實在痛苦。
于是我就想可不可以將多個特效合一,以后只需要調用一個插件就能實現網頁大部分特效。經過千錘百煉后一個能實現各種效果的插件就浮出水面了,為了表示其異于常人的能力,我給它起了一個霸氣的名字 -- SuperSlide!
TouchSlidev1.1
TouchSlide 是純javascript打造的觸屏滑動特效插件,面向手機、平板電腦等移動終端,
能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。
插件開源、體積小、簡單實用、功能強大,是你架構移動終端網站的重要選擇!
ps:如果你SuperSlide的使用者,那么你會發現它是那么熟悉和易用。
v1.1 寬度自適應(修復安卓橫屏時滑動范圍不變的bug)
- 完美兼容ios系統(已測試ios5/6,機型包括ip4、ip4s、ip5、ipad2、ipad4等)
-
兼容,尚未發現問題(已測試android2.34/2.35/4.0x/4.1x等,
機型包括小米1/2、HTC One、三星GALAXY、索尼Xperia、小辣椒等,以及一些android2.34時代雜牌低端智能手機) - sorry,無硬件設備,暫沒測試,(ie內核,估計杯具-。-)