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


Posted in Javascript onDecember 31, 2011

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

11 Skitter

(Demo演示 | Download下载)

Skitter是一个外观很酷的图片幻灯片滑动切换jQuery插件。专门用于照片的切换展示,并且有很好的扩展性。

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

12 Diapo

(Demo演示 | Download下载)

Diapo也是一款免费开源的jQuery图片幻灯片展示插件。你可以将其用在任何商业用途。它可以用于首页和多张照片切换展示。

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

13 Craftyslide

(Demo演示 | Download下载)

Craftyslide也是一个基于jQuery的照片幻灯片展示插件。它的界面很简洁,整合到网页项目中的方法也很简单。

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

14 Responsly.js

(Demo演示 | Download下载)

Resonsly.js是一个基于CSS3和jQuery的交互式照片幻灯片滑动切换显示插件。其使用了最新的CSS3效果。

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

15 Elastislide

(Demo演示 | Download下载)

Elastislide是一款基于jQuery的交互式图片循环切换的幻灯片展示插件。这个插件的特点在于它可以自动调整和缩放图片的大小以适应各种尺寸的显示器。

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

16 Blueberry

(Demo演示 | Download下载)

Blueberry也是一个开源的jQuery交互式照片滑动切换插件。它是一个简约风格的插件。

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

17 Slidorion

(Demo演示 | Download下载)

Slidorion这个图片滑动切换插件会在右侧显示补充文字内容。访问者点击对应的文字标题切换到相应的幻灯片。这是一个传统样式的滑动切换插件。

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

18 bxSlider

(Demo演示 | Download下载)

bxSlider是一个优雅的幻灯片滑动切换插件。左侧显示图片,右侧显示文字内容。它没有边框,显示效果很好。

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

19 Minimit

(Demo演示 | Download下载)

Minimit是一个可以自定义的jQuery插件,它完美地支持了照片库和幻灯片的交互切换操作。

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

20 Galleria

(Demo演示 | Download下载)

Galleria是介绍的第20个照片库幻灯片滑动切换jQuery插件。它支持照片的左右切换,暂停、标题和简介内容。也可以全屏和支持在新窗口中展示图片。是一款功能非常完善的照片滑动切换循环滚动展示插件。非常适合照片的展示。

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
jQuery图片滑动切换插件 - Galleria
原文出处

Javascript 相关文章推荐
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
jquery自定义属性(类型/属性值)
May 21 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
javaScript中push函数用法实例分析
Jun 08 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
Nuxt.js实战和配置详解
Aug 05 Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
Mar 09 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 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
js的表单操作 简单计算器
Dec 29 #Javascript
You might like
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
JS使用cookie设置样式的方法
2016/06/30 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
JavaScript工具库之Lodash详解
2019/06/15 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
python读写ini文件示例(python读写文件)
2014/03/25 Python
Python中的is和id用法分析
2015/01/26 Python
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
tensorflow通过模型文件,使用tensorboard查看其模型图Graph方式
2020/01/23 Python
python实现人机五子棋
2020/03/25 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
Django实现随机图形验证码的示例
2020/10/15 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
python实现双人五子棋(终端版)
2020/12/30 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
酒店中秋节活动方案
2014/01/31 职场文书
论文诚信承诺书
2014/05/23 职场文书
小学教师师德整改措施
2014/09/29 职场文书
本溪关门山导游词
2015/02/09 职场文书