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