Jquery左右滑動插件之實(shí)現(xiàn)超級炫酷動畫效果附源碼下載
更新時間:2015年12月02日 14:37:38 作者:愛上程序猿
這是一款基于jquery.pogo-slider插件實(shí)現(xiàn)的多個滑塊切換特效。本篇文章給大家介紹Jquery左右滑動插件之實(shí)現(xiàn)超級炫酷動畫效果,對jquery左右滑動插件相關(guān)知識感興趣的朋友參考下
分享一款基于jQuery超級酷動畫滑動插件。這是一款基于jquery.pogo-slider插件實(shí)現(xiàn)的多個滑塊切換特效。效果圖如下,如果大家覺得還不錯,很滿意可以下載源碼哦。
實(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)文章
jQuery中的$是什么意思及 $. 和 $().的區(qū)別
這篇文章主要介紹了jQuery中的$是什么意思及 $. 和 $().的區(qū)別,需要的朋友可以參考下2018-04-04jquery load()在firefox(火狐)下顯示不正常的解決方法
覺得應(yīng)該是由于 直接將www.baidu.com的內(nèi)容放到div中,對于較嚴(yán)格的FireFox可能不會處理用cssviewter查看處理后的頁面源碼果然發(fā)現(xiàn)div中為空2011-04-04jQuery實(shí)現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能,涉及jQuery事件響應(yīng)、元素遍歷及屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件
這篇文章主要介紹了分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件,需要的朋友可以參考下2015-05-05jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery事件響應(yīng)及元素動態(tài)操作相關(guān)技巧,非常簡便實(shí)用,需要的朋友可以參考下2016-09-09