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 相关文章推荐
学习ExtJS border布局
Oct 08 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
JavaScript+HTML实现学生信息管理系统
Apr 20 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
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
基于php实现的验证码小程序
2016/12/13 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
jscript之List Excel Color Values
2007/06/13 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
Vue实现自定义下拉菜单功能
2018/07/16 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
python遍历类中所有成员的方法
2015/03/18 Python
Python中的集合类型知识讲解
2015/08/19 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
python中的错误处理
2016/04/10 Python
解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...
2017/10/01 Python
TensorFlow如何实现反向传播
2018/02/06 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
Vilebrequin美国官方网上商店:法国豪华泳装品牌
2020/02/22 全球购物
护士毕业生自荐信
2014/02/07 职场文书
班长演讲稿范文
2014/04/24 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
感谢信格式范文
2015/01/22 职场文书
酒会开场白大全
2015/06/01 职场文书
实施意见格式范本
2015/06/05 职场文书
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL
BCL经典机 SONY ICF-5900W电路分析
2022/04/24 无线电