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 相关文章推荐
xmlHTTP实例
Oct 24 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
用javascript添加控件自定义属性解析
Nov 25 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
Dec 10 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
JavaScript引用类型Function实例详解
Aug 09 Javascript
对vuex中getters计算过滤操作详解
Nov 06 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 小乘法表实现代码
2009/07/16 PHP
php中in_array函数用法分析
2014/11/15 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
PHP 读取大文件并显示的简单实例(推荐)
2016/08/12 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
NodeJs安装npm包一直失败的解决方法
2017/04/28 NodeJs
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
Vue组件化开发思考
2018/02/02 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
教你安装python Django(图文)
2013/11/04 Python
python比较2个xml内容的方法
2015/05/11 Python
Python使用Srapy框架爬虫模拟登陆并抓取知乎内容
2016/07/02 Python
python:socket传输大文件示例
2017/01/18 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
数控专业个人求职信范例
2013/11/29 职场文书
高分子材料与工程专业推荐信
2013/12/01 职场文书
总裁秘书岗位职责
2013/12/04 职场文书
初一家长会邀请函
2014/01/31 职场文书
家长对孩子的感言
2014/03/10 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
大学班长竞选稿
2015/11/20 职场文书
深入详解JS函数的柯里化
2021/06/09 Javascript
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python