jquery slider 效果

http://bxslider.com/

http://www.cnblogs.com/lhb25/archive/2012/08/13/jquery-image-effects-plugins.html

jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件,带给你美轮美奂的图片展示效果。

01. 3D Image Slider

非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示。

在线演示 下载源码

02. Portfolio Image Navigator

精致的图片导航效果,通过四个方向的箭头控制,适合作品展示的应用场合。

在线演示 下载源码

03. Image Transitions

非常精美的图片切换效果,有 Flip、Multi-flip、Rotation、Cube、Unfold 等特效。

在线演示 下载源码

04. Swish Zoom Hover Effect

这是一个非常时髦的鼠标悬停变换效果,给图片浏览增加特尔色。

在线演示 下载源码

05. 3D Gallery

特别推荐!精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中。

在线演示 下载源码

06. Elastic Image Slider

非常灵活的图片滑动效果,带有缩略图显示,也可以自动播放。

在线演示 下载源码

07. Bubble Slideshow

基于 jQuery 实现的气泡幻灯片效果,非常特别!有详细的制作教程。

在线演示 下载源码

08. Sliding Background Image Menu

精致的图片菜单效果,在菜单项切换的时候,带有对应的背景滑动效果。

在线演示 下载源码

09. Slider With Modern Effects

非常现代的图片滑动效果,特别适合电子商务网站或者企业产品展示功能。

在线演示 下载源码

10. Automatic Image Montage

自动的图片蒙太奇效果,让你的照片更加特别和神秘,有七个效果应用示例。

在线演示 下载源码

11. Image Hover Effects

最喜欢这个了!20多种时尚的图片特效,非常轻松就可以应用到你的项目中去。

在线演示 下载源码

12. Circular Content

循环的图片传送带效果,也是比较常用的图片特效之一。

在线演示 下载源码

13. Vertical Sliding Accordion

这个是一个垂直的图片手风琴切换效果,非常精致。

在线演示 下载源码

15. Thumbnail Proximity

非常奇特的一种图片特效,带有缩略图的邻近图片效果。

在线演示 下载源码

16. Image Wall

基于 jQuery 和 CSS3 实现的图片墙效果,非常棒!

在线演示 下载源码

17. Background Slide Show

这个图片特效插件在好多文章中都有介绍到,很棒的全屏图片幻灯片效果。

在线演示 下载源码

18. Rotating Image Slider

非常非常炫的图片旋转滑动特效,相信会给你留下深刻印象。

在线演示 下载源码

19. HTML5 Portfolio

非常精美的作品集展示效果,导航切换的时候图片会自动归类。

在线演示 下载源码

20. Fullscreen Slideshow

另一个全屏图片幻灯片效果,带有缩率图导航,还有背景音乐。

在线演示 下载源码

21. Grid Navigation Effects

非常酷的网格导航的图片特效,支持鼠标滚动翻页。

在线演示 下载源码

22. Responsive Image Gallery

带有缩略图传送带的响应式图库功能,效果还是很赞的。

在线演示 下载源码

23. Image Zoom Tour

最后推荐的这个图片特效非常有创意,Image Zoom Tour——开始你的图片旅程吧。

在线演示 下载源码

The Responsive jQuery Content Slider的更多相关文章

  1. jQuery Mobile Slider 禁用点击事件

    阿子原创,转载请注明出处. 在使用jQuery Mobile Slider时,发现在页面上下拖动时,很容易不小心触发Slider的点击事件,从而造成误操作.为此需要禁用Slider的点击事件. 官方A ...

  2. [欣赏代码片段] (JavaScript) Responsive jQuery

    jQuery(document).ready(function($) { /* getting viewport width*/ var responsive_viewport = $(window) ...

  3. jQuery Devrama Slider 幻灯片

    Devrama Slider 是个图像滑块,带有许多非常有趣的特性. 它不仅支持图像还支持 HTML 内容. 响应式 方便 CSS3 转换 转换效果 进度条 高级的预加载和延迟加载 CSS 自定义 用 ...

  4. jQuery插件slider实现图片轮播

    1:引入相应的js文件  jquery.SuperSilder.js 2:HTML: 结构 注:此地加载图片的代码也可以从后台库中读取图片的集合列表,然后通过循环的方式显示出来 3:CSS 样式定义左 ...

  5. jQuery Mobile Slider Widget 使用js控制

    jQuery Mobile 滑动条控件 基本用法不用多说了,看这里: http://www.runoob.com/jquerymobile/jquerymobile-form-sliders.html ...

  6. 40个新鲜的 jQuery 插件,使您的网站用户友好

    作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,这篇文章特别收集了40个新鲜的 ...

  7. 霸气的jQ插件

    http://codepen.io/ canvas的各种实例 1.The Responsive jQuery Content Slider http://bxslider.com/ 2.ThemePu ...

  8. Github资源汇集

    Github资源汇集 突然发现申请博客园已经两年有余,没有发表过一篇文章,十分惭愧.言归正传,先分享一下两年来收集的部分编程资源,大部分为Github上的项目.虽然网上这样的分享已不在少数,但不如我理 ...

  9. 95+强悍的jQuery图形效果插件

    现在的网站越来越离不开图形,好的图像效果能让你的网站增色不少.通过JQuery图形效果插件可以很容易的给你的网站添加一些很酷的效果. 使用JQuery插件其实比想象的要容易很多,效果也超乎想象.在本文 ...

随机推荐

  1. An In-Depth Look at the HBase Architecture

    https://www.mapr.com/blog/in-depth-look-hbase-architecture An In-Depth Look at the HBase Architectur ...

  2. 手机端调试console.log,直接引入一个js文件

    http://files.cnblogs.com/files/lwwen/mConsole.js 这是我写的一个原生js文件 直接引入即可,可以把html上面的需要打印的东西打印出来 <!DOC ...

  3. Flash中的注册点和中心点

    用一句话概括注册点和中心点的作用,那就是:注册点用来定位,中心点用来变形 当然,这句话不是非常准确,只是暂时先这么理解,下面会详细讲解. 认识注册点 每个元件都有一个注册点.在元件编辑窗口.或在舞台中 ...

  4. beatfullsoup

    阅读目录 一 介绍 二 基本使用 三 遍历文档树 四 搜索文档树 五 修改文档树 六 总结 一 介绍 Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通 ...

  5. python读写xml文件

    python读取xml文件 xml文件是具有树状结构的,如果想要访问某个叶子结点,必须逐层获取其父结点,要读取某个叶子结点内容用text成员 使用前先加载xml工具包 try: import xml. ...

  6. 更换163的yum源

    1.利用oss的文件目录形式进行各地项目的汇总保存.上报在A目录,统计过的放到B目录. 2.各地服务器健康状态检查,每5分钟检查项目,    如果有异常,就发短信+邮件进行汇报.不管是不是有异常,都以 ...

  7. NOI2014 魔法森林 day1t2 SPFA

    这道题做法还是很多的,至少有人用最优性剪枝当场A掉了.我只有50分的暴力分(写丑了),SB我不会LCT,先写一下SPFA的神思路做法(说白了还是我SB),LCT以后定补.ORZ想出来的人(hq大神). ...

  8. section

    @RenderSection("Header")   @section Header { <div class="view"> @foreach ( ...

  9. 基于node的前端页面实时更新。呦吼~

    学习了gulp,webpack后越发觉得前端开发万分的有趣,首当其冲的就是解决了狂按f5的尴尬. 当我们按下ctrl+s保存后页面自动更新了,我就觉得我f5键在隐隐的发笑. 1.node_npm_li ...

  10. 山东BOSS性能压力测试

    1. 概述 在山东BOSS性能压力测试过程中,发现脚本对于整个压力测试过程的重要性,一个压力测试脚本录制和编辑修改得怎么样直接影响后面压力测试的执行.通常情况下,脚本应尽可能的精简,就像写代码一样.针 ...