文章專區

網頁設計相關文章

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

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

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

 

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

//www.superslide2.com/demo.html

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

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

 

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

 

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

//www.superslide2.com/param.html

  • 【昆明天气】最新昆明今天天气,实时提供昆明气温、空气质量、24小时天气预报、生活指数查询 2019-03-24
  • 惊险!司机驾车撞穿墙壁 “飞”下二楼 2019-03-24
  • “国际军事比赛-2018”将于7月28日起在7国举行 2019-03-23
  • 能源舆情:新增风电竞价上网 “华龙一号”完成穹顶吊装 2019-03-22
  • 水果呵护男性健康 葡萄荔枝莲子白果要多吃 2019-03-21
  • 巴常驻联合国代表:上合组织为全球提供了一个促进共赢解决方案和互利合作的重要框架 2019-03-20
  • 控制臂连接轴存隐患  保时捷召回30辆2015款918 Spyder 2019-03-20
  • 秒变迷弟!吴建豪晒与甄子丹合影:偶像给我签名 2019-03-19
  • 最高人民法院再审顾雏军案 2019-03-19
  • 贩毒者将海洛因包装成糖果快递到重庆,警方根据线报抓获2人 2019-03-18
  • 中医排毒养生八法都有哪些? 2019-03-18
  • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-03-17
  • 2018年5月30日国台办新闻发布会 2019-03-17
  • 广州记忆丨无龙舟不端午!没有强劲臂弯的龙船发烧友不是好的传承人 2019-03-16
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-03-15
  • 97| 153| 90| 319| 865| 253| 996| 768| 533| 963|