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 相关文章推荐
jQuery代码优化之基本事件
Nov 01 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
Bootstrap实现弹性搜索框
Jul 11 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
JavaScript读写二进制数据的方法详解
Sep 09 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
Sep 04 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 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实现验证码功能
2006/10/09 PHP
php5.5使用PHPMailer-5.2发送邮件的完整步骤
2018/10/14 PHP
PHP实现百度人脸识别
2019/05/06 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
IE之动态添加DOM节点触发window.resize事件
2010/07/27 Javascript
js获取图片大小的函数代码
2011/09/20 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
微信小程序 input输入框详解及简单实例
2017/01/10 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
vue router 配置路由的方法
2018/07/26 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
python查找第k小元素代码分享
2013/12/18 Python
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
python 实现return返回多个值
2019/11/19 Python
python flask中动态URL规则详解
2019/11/22 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
百度软件工程师职位
2013/02/14 面试题
自我鉴定怎么写
2013/12/05 职场文书
入党自荐书范文
2014/03/09 职场文书
社区清明节活动总结
2014/07/04 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
护士工作心得体会
2016/01/25 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
导游词之日本富士山
2020/01/06 职场文书
十大最强妖精系宝可梦,哲尔尼亚斯实力最强,第五被称为大力士
2022/03/18 日漫
element tree树形组件回显数据问题解决
2022/08/14 Javascript