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

1.3D Image Slider

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

在线演示

源码下载

2.Portfolio Image Navigator

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

在线演示

源码下载

3.Image Transitions

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

在线演示

源码下载

4.Swish Zoom Hover Effect

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

在线演示

源码下载

5.3D Gallery

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

在线演示

源码下载

6.Elastic Image Slider

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

在线演示

源码下载

7.Bubble Slideshow

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

在线演示

源码下载

8.Sliding Background Image Menu

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

在线演示

源码下载

9.Slider With Modern Effects

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

在线演示

源码下载

10.Automatic Image Montage

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

在线演示

源码下载

11.Image Hover Effects

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

在线演示

源码下载

12.Circular Content

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

在线演示

源码下载

13.Vertical Sliding Accordion

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

在线演示

源码下载

14.Thumbnail Proximity

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

在线演示

源码下载

15.Image Wall

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

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1561.html

15个web前端的美轮美奂的 jQuery 图片特效的更多相关文章

  1. web前端开发学习：jQuery的原型中的init

    web前端开发学习:jQuery的原型中的init 有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 jQuery.fn ...

  2. 前端不容错过的jQuery图片滑块插件

    作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也 ...

  3. 8个超级震憾的Jquery图片特效欣赏，考验你的浏览器！

    这次主要是来分享几个个人觉得十分震憾的图片特效,有jQuery的,有CSS3的,有很萌的乌鸦动画,也有简单朴实的图片播放动画,当然有些你可能已经看到过了,不过也没关系,你能路过就算是对我的支持了. j ...

  4. Web前端学习笔记之jQuery基础

    0x0 jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Aja ...

  5. Web前端的35个jQuery小技巧

    1. 禁止右键点击 $(document).ready(function(){     $(document).bind("contextmenu",function(e){   ...

  6. Web前端新人笔记之jquery选择符

    jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery ...

  7. Web前端新人笔记之jquery入门

    本章将为大家介绍以下几点内容: 1.jquery的主要特点: 2.建立jquery的编码环境: 3.简单jquery脚本示例: 4.选择jquery而不是纯javaScript的理由: 5.常用的jq ...

  8. Web前端学习笔记之jQuery选择器

    JQuery过滤器 经过一晚上的查找整理,终于整理出一套应该算最全面的JQuery选择过滤器的方法了.所有代码均经过测试.首先HTML代码 HTML Code <html><head ...

  9. 分享web前端七款HTML5 Loading动画特效集锦

    以前我们大部分的Loading动画都是利用gif图片实现的,这种图片实现Loading动画的方法虽然也很不错,但是作为HTML5开发者来说,如果能利用HTML5和CSS3实现这些超酷的Loading动 ...

随机推荐

  1. iframe自适应高度的多种方法小结

    转自:http://www.jb51.net/article/15780.htm 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小 ...

  2. SQLSERVER备份事务日志的作用

    事务日志备份有以下3种类型 (1)纯日志备份:仅包含相隔一段时间的事务日志记录,而不包含任何大容量更改 (2)大容量操作日志备份.包括由大容量操作更改的日志和数据页,不支持时间点恢复 (3)尾日志备份 ...

  3. box-flex等分总结

    首先要知道在应用 box-flex 时必须给父容器定义 css 属性 display:box 其子容器才可以进行划分. .box{ display: -webkit-box; display: -mo ...

  4. cocos2d-x在android下的编译

    $(call import-add-path,E:/cocos2d-2.0-x-2.0.3) include $(BUILD_SHARED_LIBRARY) http://www.cnblogs.co ...

  5. 关于消除MySQL输入错误后的警报声

    找到mysql安装目录中的 my.ini 配置文件,在[mysql]行的下面加入一行 no-beep 即可消除声音. [mysql] no-beep default-character-set=gb2 ...

  6. Hastiness

    Problem Description How many problems did you AC?When you read this problem, don’t hasty and careles ...

  7. IOS NS 字符串 数组 字典 文件 动态 静态 操作

    ios 常用字符串的操作   //将NSData转化为NSString        NSString* str = [[NSString alloc] initWithData:response e ...

  8. 【Android Api 翻译4】android api 完整翻译之Contacts Provider （学习安卓必知的api，中英文对照）

    Contacts Provider 电话簿(注:联系人,联络人.通信录)提供者 ------------------------------- QUICKVIEW 快速概览 * Android's r ...

  9. 【开源项目3】Android快速开源框架--afinal

    Afinal简介 Afinal 是一个android的sqlite orm 和 ioc 框架.同时封装了android中的http框架,使其更加简单易用: 使用finalBitmap,无需考虑bitm ...

  10. 一分钟加入google站内搜索代码

    一分钟加入google站内搜索代码| 一分钟加入google站内搜索代码|只有7行最精简.网上有很多 google 站内搜索代码,但是出于某些目的,很多都加入了多余的代码,从seo的角度来讲,是很不优 ...