Jquery左右滑動(dòng)插件之實(shí)現(xiàn)超級(jí)炫酷動(dòng)畫(huà)效果附源碼下載

更新時(shí)間：2015年12月02日 14:37:38 作者：愛(ài)上程序猿

這是一款基于jquery.pogo-slider插件實(shí)現(xiàn)的多個(gè)滑塊切換特效。本篇文章給大家介紹Jquery左右滑動(dòng)插件之實(shí)現(xiàn)超級(jí)炫酷動(dòng)畫(huà)效果，對(duì)jquery左右滑動(dòng)插件相關(guān)知識(shí)感興趣的朋友參考下

分享一款基于jQuery超級(jí)酷動(dòng)畫(huà)滑動(dòng)插件。這是一款基于jquery.pogo-slider插件實(shí)現(xiàn)的多個(gè)滑塊切換特效。效果圖如下，如果大家覺(jué)得還不錯(cuò)，很滿意可以下載源碼哦。

效果展示源碼下載

實(shí)現(xiàn)的代碼。

html代碼：

<div class="pogoSlider" id="js-main-slider">
  <div class="pogoSlider-slide" data-transition="slideOverLeft" data-duration="1000" style="background-image:url(img/slide1.jpg);"></div>
  <div class="pogoSlider-slide " data-transition="fold" data-duration="1000" style="background-image:url(img/slide2.jpg);"></div>
  <div class="pogoSlider-slide " data-transition="shrinkReveal" data-duration="1000" style="background-image:url(img/slide3.jpg);"></div>
 </div><!-- .pogoSlider -->

您可能感興趣的文章:

相關(guān)文章

EasyUi tabs的高度與寬度根據(jù)IE窗口的變化自適應(yīng)代碼
EasyUi tabs的高度與寬度根據(jù)IE窗口的變化自適應(yīng)代碼,需要的朋友可以參考下。
2010-10-10
JQuery中節(jié)點(diǎn)遍歷方法實(shí)例
這篇文章主要介紹了JQuery中節(jié)點(diǎn)遍歷方法,實(shí)例分析了jQuery遍歷節(jié)點(diǎn)的技巧,需要的朋友可以參考下
2015-05-05
jquery 表單取值常用代碼
在jquery中經(jīng)常需要獲取form表單的一些值，下面是常用的代碼，需要的朋友可以參考下。
2009-12-12
jQuery Ajax使用全解析
jQuery確實(shí)是一個(gè)挺好的輕量級(jí)的JS框架，能幫助我們快速的開(kāi)發(fā)JS應(yīng)用，并在一定程度上改變了我們寫(xiě)JavaScript代碼的習(xí)慣。
2010-12-12
jquery 3D 標(biāo)簽云示例代碼
標(biāo)簽云想必大家都有見(jiàn)到過(guò)吧，那么3D標(biāo)簽云，有沒(méi)有接觸過(guò)呢？本例為大家介紹下通過(guò)jquery 實(shí)現(xiàn)的3D標(biāo)簽云，感興趣的朋友可以參考下
2014-06-06
jQuery 表格工具集
本文搜集了大量 jQuery 表格插件，幫助 Web 設(shè)計(jì)者更好地駕御 HTML 表格，你可以對(duì)表格進(jìn)行橫向和豎向排序，設(shè)置固定表頭，對(duì)表格進(jìn)行搜索，對(duì)大表格進(jìn)行分頁(yè)，對(duì)表格進(jìn)行滾動(dòng)，拖放操作等等。這些插件很多都包含詳細(xì)的教程。
2010-04-04
jquery二級(jí)目錄選中當(dāng)前頁(yè)的css樣式
下面小編就為大家?guī)?lái)一篇jquery二級(jí)目錄選中當(dāng)前頁(yè)的css樣式。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-12-12
jquery事件與綁定事件
本文主要介紹了jquery事件與綁定事件的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
JQuery插件Style定制化方法的分析與比較
最近因?yàn)轫?xiàng)目的需要，使用了一個(gè)JQuery插件。把插件下下來(lái)后，很快我就發(fā)現(xiàn)，很多默認(rèn)的插件Style不符合項(xiàng)目要求，必須要被修改
2012-05-05
快速掌握jquery分頁(yè)插件jqPaginator的使用方法
這篇文章主要幫助大家快速掌握jquery分頁(yè)插件jqPaginator的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08