Jquery左右滑动插件之实现超级炫酷动画效果附源码下载


Posted in Javascript onDecember 02, 2015

分享一款基于jQuery超级酷动画滑动插件。这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效。效果图如下,如果大家觉得还不错,很满意可以下载源码哦。

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载

效果展示     源码下载

实现的代码。

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 -->
Javascript 相关文章推荐
DOM精简教程
Oct 03 Javascript
如何用js控制frame的隐藏或显示的解决办法
Mar 20 Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
JavaScript实现微信红包算法及问题解决方法
Apr 26 Javascript
详解es6新增数组方法简便了哪些操作
May 09 Javascript
Vue实现多标签选择器
Nov 28 Javascript
Paypal支付不完全指北
Jun 04 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 #Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
Dec 02 #Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 #Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 #Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 #Javascript
jquery实现简单文字提示效果
Dec 02 #Javascript
分享15个大家都熟知的jquery小技巧
Dec 02 #Javascript
You might like
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
php四种定界符详解
2017/02/16 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
dess中一个简单的多路委托的实现
2010/07/20 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
jQuery表格行换色的三种实现方法
2011/06/27 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
原生js无缝轮播插件使用详解
2020/03/09 Javascript
python中随机函数random用法实例
2015/04/30 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
Python调用服务接口的实例
2019/01/03 Python
Python while循环使用else语句代码实例
2020/02/07 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
C#的几个面试问题
2016/05/22 面试题
物流仓管员岗位职责
2013/12/04 职场文书
商场中秋节活动方案
2014/02/07 职场文书
知识竞赛活动方案
2014/02/18 职场文书
工作迟到检讨书
2014/02/21 职场文书
党员评议个人总结
2014/10/20 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书
mysql 获取相邻数据项
2022/05/11 MySQL