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对象和DOM对象的相互转化实现代码
Mar 02 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
Jquery的each里用return true或false代替break或continue
May 21 Javascript
javascript数组去重方法汇总
Apr 23 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
bootstrap实现每隔5秒自动轮播效果
Dec 20 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 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实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
js 用于检测类数组对象的函数方法
2017/05/02 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
浅析python递归函数和河内塔问题
2017/04/18 Python
Scrapy的简单使用教程
2017/10/24 Python
flask session组件的使用示例
2018/12/25 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
基于Pytorch SSD模型分析
2020/02/18 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
python实现感知机模型的示例
2020/09/30 Python
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
中学生期末评语
2014/02/03 职场文书
机关干部三严三实心得体会
2014/10/13 职场文书
学雷锋广播稿大全
2015/08/19 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python