编程 Javascript

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载

Posted in Javascript onDecember 02, 2015

分享一款基于jQuery超级酷动画滑动插件。这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效。效果图如下，如果大家觉得还不错，很满意可以下载源码哦。

效果展示源码下载

实现的代码。

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 -->

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载

- Author -

爱上程序猿

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery EasyUI NumberBox(数字框)的用法

Jul 08 Javascript

动态调用CSS文件的JS代码

Jul 29 Javascript

javascript 利用Image对象实现的埋点(某处的点击数)统计

Dec 28 Javascript

js多功能分页组件layPage使用方法详解

May 19 Javascript

js+html5实现canvas绘制网页时钟的方法

May 21 Javascript

BootStrop前端框架入门教程详解

Dec 25 Javascript

利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)

Feb 16 Javascript

Vue实现动态创建和删除数据的方法

Mar 17 Javascript

vue mounted 调用两次的完美解决办法

Oct 29 Javascript

vue 移动端适配方案详解

Nov 15 Javascript

jquery ajax 请求小技巧实例分析

Nov 11 jQuery

js实现打字小游戏

Dec 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开发微信支付的代码分享

2014/05/25 PHP

PHP入门教程之数学运算技巧总结

2016/09/11 PHP

PHP之十六个魔术方法详细介绍

2016/11/01 PHP

laravel 解决crontab不执行的问题

2019/10/22 PHP

帮助避免错误的Javascript陷阱清单

2009/05/31 Javascript

JavaScript 验证码的实例代码(附效果图)

2013/03/22 Javascript

JavaScript中数据结构与算法(三)：链表

2015/06/19 Javascript

jquery+ajax请求且带返回值的代码

2015/08/12 Javascript

JavaScript实现简单的tab选项卡切换

2016/01/05 Javascript

20分钟成功编写bootstrap响应式页面就这么简单

2016/05/12 Javascript

json定义及jquery操作json的方法

2016/09/29 Javascript

canvas实现弧形可拖动进度条效果

2017/05/11 Javascript

Vue Router去掉url中默认的锚点#

2018/08/01 Javascript

解决angularjs前后端分离调用接口传递中文时中文乱码的问题

2018/08/13 Javascript

javascript中一些奇葩的日期换算方法总结

2018/11/14 Javascript

详解JavaScript实现动态的轮播图效果

2019/04/29 Javascript

vue中nextTick用法实例

2019/09/11 Javascript

详解ECMAScript2019/ES10新属性

2019/12/06 Javascript

Vue简单封装axios之解决post请求后端接收不到参数问题

2020/02/16 Javascript

详解JavaScript自定义函数

2020/07/29 Javascript

javascript使用正则表达式实现注册登入校验

2020/09/23 Javascript

[53:15]2018DOTA2亚洲邀请赛3月29日小组赛A组 KG VS OG

2018/03/30 DOTA

Python 多核并行计算的示例代码

2017/11/07 Python

Python网络爬虫之爬取微博热搜

2019/04/18 Python

JupyterNotebook设置Python环境的方法步骤

2019/12/03 Python

基于梯度爆炸的解决方法:clip gradient

2020/02/04 Python

HTML5之web workers_动力节点Java学院整理

2017/07/17 HTML / CSS

英国巧克力贸易公司：Chocolate Trading Company

2017/03/21 全球购物

澳大利亚领先的内衣店：Bendon Lingerie澳大利亚

2020/05/15 全球购物

浪漫婚礼主持词

2014/03/14 职场文书

学雷锋志愿者活动总结

2014/06/27 职场文书

实习证明模板

2015/06/16 职场文书

Python 如何解决稀疏矩阵运算

2021/05/26 Python

动画电影《擅长捉弄人的高木同学》6月10日上映！

2022/03/20 日漫

使用Ajax实现进度条的绘制

2022/04/07 Javascript

Golang bufio详细讲解

2022/04/21 Golang