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


Posted in Javascript onJanuary 03, 2012

相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件,我们可以很简单地直接将这些图片滑动插件嵌入到网页中,很容易就得到了即酷又实用的jQuery图片滑动效果。在这是jQuery滑动切换插件系列的第三部分,我们将向大家分享40多种非常有用,又有创意的jQuery图片滑动插件,及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件,然后点击演示链接查看具体效果,然后下载此jQuery滑动插件。希望你能在这40个jQuery图片滑动插件中找到你想要的。

21 jQuery Image Gallery

(Demo演示 | Download下载)

这是一个标准和照片切换展示jQuery插件,整合到网站中的方法很简单。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - jQuery Image Gallery

22 rlightbox

(Demo演示 | Download下载)

rlightbox可以处理多种内容,包括图片、视频。适合与英文站处理显示YouTbe和Vimeo视频。

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

23 jQuery MB Bgnd Gallery

(Demo演示 | Download下载)

MB Bgnd滑动切换插件很有特色,它能够将一张大图片设置为背景,并且可以随操作对背景图片进行滑动切换。切换支持使用键盘的方向键。并且图片会自动随窗口的大小进行调整。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - MB Bgnd

24 PikaChoose

(Demo演示 | Download下载)

PikaChoose是一个轻量级的jQuery滑动切换插件。安装方法非常简单。适合新闻、广告的滑动展示。

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

25 缩略图循环流动展示插件

(Demo演示 | Download下载)

这个插件适合用于小图片的循环展示。

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

26 Elastic Image Slideshow

(Demo演示 | Download下载)

Elastic Image Slideshow是一个简约的图片滑动切换插件。它可以根据窗口的大小调整图片的大小,并有一条很窄很酷的缩略图功能。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - Elastic Image Slideshow

27 全屏+HTML5+声音的jQuery滑动切换插件

(Demo演示 | Download下载)

这个插件是这个集合中最酷的一个。全屏图片滑动切换加上酷的音效和缩略图。动作效果也很有动感。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - 全屏+HTML5+声音的jQuery滑动切换插件

28 图片墙+jQuery效果

(Demo演示 | Download下载)

这个插件非常适合照片的展示。它能够像一面墙一样将照片随意贴在墙上,当点击一张图片时会在右边显示图片更多的介绍文字。它使用了CSS3的代码。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - 图片墙+jQuery效果

29 图片旋转切换插件

(Demo演示 | Download下载)

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - 图片旋转切换插件

30 弹出层方块拼全滑入

(Demo演示 | Download下载)

这个插件也超出了滑动切换的概念。它的使用是当你点击左侧菜单的选项时弹出层会以多个Box(方块)的形式飞入。当点击X关闭弹出层时又会以多个方块滑出。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jQuery图片滑动切换插件 - 弹出层方块拼全滑入

文章来源:http://www.techolics.com

Javascript 相关文章推荐
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
常规表格多表头查询示例
Feb 21 Javascript
JavaScript获取table中某一列的值的方法
May 06 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
Vue实现todolist删除功能
Jun 26 Javascript
使用JavaScript计算前一天和后一天的思路详解
Dec 20 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 #Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
Dec 31 #Javascript
js 遍历对象的属性的代码
Dec 29 #Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 #Javascript
为JavaScript类型增加方法的实现代码(增加功能)
Dec 29 #Javascript
javaScript 利用闭包模拟对象的私有属性
Dec 29 #Javascript
Jquery中删除元素的实现代码
Dec 29 #Javascript
You might like
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
php使用Jpgraph绘制饼状图的方法
2015/06/10 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
CSS JavaScript 实现菜单功能 改进版
2008/12/09 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
利用JS响应式修改vue实现页面的input值
2019/09/02 Javascript
python批量读取txt文件为DataFrame的方法
2018/04/03 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
python 获取url中的参数列表实例
2018/12/18 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
python中JWT用户认证的实现
2020/05/18 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
护士自荐信怎么写
2013/10/18 职场文书
销售找工作求职信
2013/12/20 职场文书
前厅收银主管岗位职责
2014/02/04 职场文书
一年级语文教学反思
2014/02/13 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
2014年护理部工作总结
2014/11/14 职场文书
如何用PHP实现多线程编程
2021/05/26 PHP
SpringBoot系列之MongoDB Aggregations用法详解
2022/02/12 MongoDB