40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一


Posted in Javascript onDecember 31, 2011

以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件,我们可以很简单地直接将这些图片滑动插件嵌入到网页中,很容易就得到了即酷又实用的jQuery图片滑动效果。从这篇文章开始到接下来的几篇文章我们将向大家分享40多种非常有用,又有创意的jQuery图片滑动插件,及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件,然后点击演示链接查看具体效果,然后下载此jQuery滑动插件。希望你能在这40个jQuery图片滑动插件中找到你想要的。

1 FlexSlider

(Demo演示 | Download下载)

FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果。适合所有初级和高级网页设计师使用。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - Flexslider

2 Bubble Slidershow Effect with jQuery

(Demo演示 | Download下载)

基于jQuery的泡泡图片滑动切换效果。Bubble Slidershow是一个很有意思的jQuery图片滑动切换插件。它通过泡泡效果来进行图片切换,动态效果很特别。非常适合做风景等照片的切换展示。Bubble Slidershow的代码是模块化的,你可以按你的需求随意修改。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 泡泡效果

3 Responsive Image Gallery with Thumbnail Carousel

(Demo演示 | Download下载)

这个图片滑动切换插件非常适合用于照片的切换显示,它使用Elastislide的缩略图。用户可以点击缩略图或左右按钮显示对应的图片。另外它支持用户点击键盘的左右方向键切换图片。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 照片浏览

4 Circular Content Carousel with jQuery

(Demo演示 | Download下载)

这个图片滑动切换插件合适用于步骤讲解,或产品介绍。当用户点击More按钮时当前内容会移动到最左边,然后显示一个文本框用于显示更多信息。并且可以点击左、右按钮切换内容。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 滑动及弹出层

5 Lateral On-Scroll Sliding with jQuery

(Demo演示 | Download下载)

这个插件其实已经超越了图片滑动切换的功能。它的作用是用户可以点击按钮,然后自动向上或向下滑动定位到网页的某个位置。网页的内容分成左右两栏,插件的滑动很流畅。可以用于时间线的定位。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 时间轴动态滑动

6 jScrollPane实现隐藏滚动条效果

(Demo演示 | Download下载)

这个滑动插件也是广义的滑动效果插件,它的作用是用于隐藏页面的滚动条。只有当用户鼠标移动到内容上方时才会出来滚动条。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 隐藏滚动条

7 Timelinr

(Demo演示 | Download下载)

跟第5个插件很类型,它是一个基于时间线的jQuery滑动插件。你可以自定义它的滑动速度,透明度等效果。同时运行横向和纵向两种滑动切换模式。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 时间轴动态滑动

8 SmartGallery

(Demo演示 | Download下载)

SmartGallery是一个非常出色的照片滑动切换展示的jQuery插件。它支持12种不同的图片过渡切换效果。并有小缩略图。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 照片浏览效果

9 Xml Driven Vertical News Scroller Script Vscroller

(Demo演示 | Download下载)

读取Xml的新闻纵向滚动效果。Vscroller可以用于新闻滚动显示的效果。它通过读取一个XML文件,并通过其漂亮的效果表现出来。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 新闻滑动滚动效果

10 PushUp

(Demo演示 | Download下载)

这个插件的功能也已经超越图片滑动切换的范畴。它的作用是当网页需要弹出一个新层来展示更多内容时,它可以固定显示在网页的左边或右边,以展示更多的内容。

40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery图片滑动切换插件 - 弹出固定层

原文来自 http://www.techolics.com

Javascript 相关文章推荐
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
Jan 24 Javascript
JS 实现获取打开一个界面中输入的值
Mar 19 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
设置checkbox为只读(readOnly)的两种方式
Oct 11 Javascript
javascript中关于&& 和 || 表达式的小技巧分享
Apr 10 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
vue 动态生成拓扑图的示例
Jan 03 Vue.js
CocosCreator入门教程之网络通信
Apr 16 Javascript
js 遍历对象的属性的代码
Dec 29 #Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 #Javascript
为JavaScript类型增加方法的实现代码(增加功能)
Dec 29 #Javascript
javaScript 利用闭包模拟对象的私有属性
Dec 29 #Javascript
Jquery中删除元素的实现代码
Dec 29 #Javascript
js的表单操作 简单计算器
Dec 29 #Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
Dec 29 #Javascript
You might like
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
实现vuex原理的示例
2020/10/21 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
详解Numpy数组转置的三种方法T、transpose、swapaxes
2019/05/27 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
PyQt5响应回车事件的方法
2019/06/25 Python
python 实现多线程下载视频的代码
2019/11/15 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
机械专业个人求职自荐信格式
2013/09/21 职场文书
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
绿色城市实施方案
2014/03/19 职场文书
卖车协议书
2014/04/21 职场文书
委托书格式要求
2015/01/28 职场文书
介绍信范文大全
2015/05/07 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python