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 相关文章推荐
ajax 文件上传应用简单实现
Mar 03 Javascript
JavaScript 面向对象之命名空间
May 04 Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
Dec 16 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
js强制把网址设为默认首页
Sep 29 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
Express下采用bcryptjs进行密码加密的方法
Feb 07 Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 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制作验证码
2016/10/12 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
PHP 无限级分类
2017/05/04 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
js分页代码分享
2014/04/28 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
JavaScript的React框架中的JSX语法学习入门教程
2016/03/05 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
2016/12/21 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
JavaScript插入排序算法原理与实现方法示例
2018/08/06 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
[06:45]2018DOTA2亚洲邀请赛 4.5 SOLO赛 Sccc vs Maybe
2018/04/06 DOTA
使用rpclib进行Python网络编程时的注释问题
2015/05/06 Python
python获取文件扩展名的方法
2015/07/06 Python
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
Python自动化测试ConfigParser模块读写配置文件
2016/08/15 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python数据可视化正态分布简单分析及实现代码
2017/12/04 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
美国眼镜网站:EyeBuyDirect
2017/04/13 全球购物
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
最新的互联网创业计划书
2014/01/10 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
学校班班通实施方案
2014/06/11 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android