文章專區

網頁設計相關文章

Superslide.js-只需一個插件即可呈現網頁大部分的特效

一個網站設計上使用數個特效是常態,然而要根據不同的特效分別插入不同的插件,可能會稍嫌累贅,而且有時還會發生插件之間衝突的情況。而這次介紹的jQuery .superSlide.js,是將網頁上常見的特效都統一歸到同一支js裡,常見的大圖輪播、頁籤切換、圖片滾動等特效,都可以直接用這支js實現!讓你不用特別為每個特效分別搜尋所需的插件,也不用擔心數個插件有代碼衝突的問題,相當方便管理。

首先到官網下載套件:http://www.superslide2.com/

 

「基礎效果」頁面有特效的範例和常用參數的設定

http://www.superslide2.com/demo.html

可以直接在該頁面選擇數值,預覽呈現的效果。

如下圖為頁籤切換的特效,右邊列有效果(fade)、觸發方式(trigger)、效果速度(delayTime)等的參數設定,可以依自己的需求做設定

 

而隨著設定值的不同,下方當前調用代碼的寫法也會不同,可以直接複製到自己的專案裡。

 

「查看參數」頁面可以一覽Superslide可以設定的參數

http://www.superslide2.com/param.html