文章專區

網頁設計相關文章

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-06-24
  • 北京天安门广场更换花卉 2019-06-23
  • 湖州南浔赶超发展注入青春力量 2019-06-22
  • 回复@老老保老张工:至于计划,你把中国人明天的早餐计划一下? 2019-06-22
  • 高清:如梦似幻张家界天门山 2019-06-21
  • 钱江晚报:打赏与“打脸” 2019-06-21
  • 一个企业里的劳动力,有可能被叫做职工,意指按职责做事的人,也可能被叫做劳工,意指按劳动力做事的人。不同的称呼,体现了不同的企业性质与追求。懂这点,你才明白这“意 2019-06-20
  • 美帝拉拢人民,才能反对共产党。 2019-06-20
  • 晋阳古城晚唐寺庙遗存面世 2019-06-19
  • 带你走遍近半湖北,2018千万粉丝走进鄂旅投网络大V招募 2019-06-18
  • (受权发布)中国人民政治协商会议第十三届全国委员会各专门委员会主任、副主任名单 2019-06-17
  • 第523期:土鸡蛋VS洋鸡蛋,哪个好?怎样挑? 2019-06-17
  • 苗山脱贫影像志——父母在 不远行 2019-06-16
  • 给孩子们更多本土精品读本 2019-06-16
  • 郑永年:国家崛起不能只靠GDP,要有自己的知识体系 2019-06-15
  • 2019双色91期开奖号码 福建省体彩开奖官方网站 17055期体彩开奖号码 篮球胜分差推荐 一肖一尾中特平网址 好运网彩票官网 怎么买辽宁十一选五开奖结果 福建31选7中4个奖多少钱 360广东11选5开奖信息 财付通老快3开奖直播 老奇人单双中特 足球资讯竟彩官方公告 江苏快3豹子怎么追 网易彩票50 2393d十拿九稳预测分析