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 相关文章推荐
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
Jan 29 Javascript
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
js随机颜色代码的多种实现方式
Apr 23 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
全面解析Bootstrap中transition、affix的使用方法
May 30 Javascript
js事件委托和事件代理案例分享
Jul 25 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 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
递归列出所有文件和目录
2006/10/09 PHP
CodeIgniter错误mysql_connect(): No such file or directory解决方法
2014/09/06 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
PHP常见字符串操作函数与用法总结
2019/03/04 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
javascript json 新手入门文档
2009/12/03 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
浅谈python jieba分词模块的基本用法
2017/11/09 Python
使用tensorflow实现AlexNet
2017/11/20 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
django初始化数据库的实例
2018/05/27 Python
python贪吃蛇游戏代码
2020/04/18 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
Matplotlib.pyplot 三维绘图的实现示例
2020/07/28 Python
基于Python爬取股票数据过程详解
2020/10/21 Python
国外平面设计第一市场:99designs
2016/10/25 全球购物
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
QA工程师岗位职责
2013/11/20 职场文书
个人生活学习自我评价范文
2013/11/26 职场文书
《雾凇》教学反思
2014/02/17 职场文书
财务简历的自我评价
2014/03/05 职场文书
海飞丝的广告词
2014/03/20 职场文书
2014年安全员工作总结
2014/11/13 职场文书
医务人员医德考评自我评价
2015/03/03 职场文书
赡养老人协议书范本
2015/08/06 职场文书
Go语言切片前或中间插入项与内置copy()函数详解
2021/04/27 Golang