文章專區

網頁設計相關文章

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

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

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

 

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

//www.superslide2.com/demo.html

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

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

 

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

 

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

//www.superslide2.com/param.html

  • 姜平的专栏作者中国国家地理网 2019-01-19
  • 女性之声——全国妇联 2019-01-18
  • 日本大阪6.1级地震已致4人死亡 370多人受伤 2019-01-18
  • 国际资讯--北京频道--人民网 2019-01-17
  • 晋城到运城要建高铁啦! 2019-01-17
  • 以古鉴今,习近平多次提及屈原 2019-01-16
  • 亚冠出局恒大国脚日落西山 新生代无人难再称霸中超 2019-01-15
  • 【巴州天气】最新巴州今天天气,实时提供巴州气温、空气质量、24小时天气预报、生活指数查询 2019-01-15
  • 环球人物金融科技领军人物榜单 2019-01-14
  • 草莓防便秘、蓝莓护心脏 揭浆果家族的食疗档案 2019-01-13
  • 部分城市房价再现上涨苗头 遏制炒房不可松劲 2019-01-13
  • 候选企业:中粮可口可乐辽宁公司 2019-01-12
  • 梅西失点 阿根廷1-1战平冰岛 2019-01-12
  • 阵容豪华!《食戟之灵》新作OVA远月十杰声优名单公布 2019-01-11
  • 第二届全国高等院校投资理财规划大赛在上海举行 2019-01-11
  • 636| 541| 321| 386| 703| 317| 440| 152| 913| 291|