编程 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 相关文章推荐

$()JS小技巧

Jul 21 Javascript

神奇的7个jQuery 3D插件整理

Jan 06 Javascript

JavaScript 基础篇之运算符、语句（二）

Apr 07 Javascript

JS判断当前日期是否大于某个日期的实现代码

Sep 02 Javascript

JS获取屏幕高度的简单实现代码

May 24 Javascript

jQuery 循环遍历改变a标签的href(实例讲解)

Jul 12 jQuery

vue2.5.2使用http请求获取静态json数据的实例代码

Feb 27 Javascript

小程序文字跑马灯效果

Dec 28 Javascript

jquery插件开发模式实例详解

Jul 20 jQuery

jquery ajax 请求小技巧实例分析

Nov 11 jQuery

vue中实现动态生成二维码的方法

Feb 21 Javascript

详解element-ui 表单校验 Rules 配置常用黑科技

Jul 11 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的ajax框架xajax入门与试用介绍

2010/12/19 PHP

PHP运行环境配置与开发环境的配置(图文教程)

2013/06/04 PHP

PHP7基于curl实现的上传图片功能

2018/05/11 PHP

php中file_get_contents()函数用法实例

2019/02/21 PHP

一个可以随意添加多个序列的tag函数

2009/07/21 Javascript

使用jquery与图片美化checkbox和radio控件的代码(打包下载)

2010/11/11 Javascript

Javascript继承(上)——对象构建介绍

2012/11/08 Javascript

JavaScript获取表单enctype属性的方法

2015/04/02 Javascript

浅谈JavaScript中的string拥有方法的原因

2015/08/28 Javascript

JS实现关闭当前页而不弹出提示框的方法

2016/06/22 Javascript

fullCalendar中文API官方文档

2017/02/07 Javascript

jQuery+ajax实现局部刷新的两种方法

2017/06/08 jQuery

详解Angular-cli生成组件修改css成less或sass的实例

2017/07/27 Javascript

Vue2.0父子组件传递函数的教程详解

2017/10/16 Javascript

vue获取input输入值的问题解决办法

2017/10/17 Javascript

vue+Vue Router多级侧导航切换路由(页面)的实现代码

2018/12/20 Javascript

使用 webpack 插件自动生成 vue 路由文件的方法

2019/08/20 Javascript

JavaScript使用canvas绘制随机验证码

2020/02/17 Javascript

vue使用微信扫一扫功能的实现代码

2020/04/11 Javascript

关于vue 结合原生js 解决echarts resize问题

2020/07/26 Javascript

理解生产者消费者模型及在Python编程中的运用实例

2016/06/26 Python

Python cookbook（数据结构与算法）从任意长度的可迭代对象中分解元素操作示例

2018/02/13 Python

使用python中的in ,not in来检查元素是不是在列表中的方法

2018/07/06 Python

详解Python中的分组函数groupby和itertools）

2018/07/11 Python

python实现拼接图片

2020/03/23 Python

关于matplotlib-legend 位置属性 loc 使用说明

2020/05/16 Python

全球性的在线商店：Vogca

2019/05/10 全球购物

用你熟悉的语言写一个连接ORACLE数据库的程序,能够完成修改和查询工作

2012/06/11 面试题

自我鉴定标准格式

2014/03/19 职场文书

就业协议书

2014/09/12 职场文书

幼儿教师小班个人总结

2015/02/05 职场文书

2015大学生自我评价范文

2015/03/03 职场文书

培训学校2015年度工作总结

2015/07/20 职场文书

《悲惨世界》：比天空更广阔的是人的心灵

2020/01/16 职场文书

Python pandas读取CSV文件的注意事项（适合新手）

2021/06/20 Python

通过Qt连接OpenGauss数据库的详细教程

2021/06/23 PostgreSQL