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. [Express] Level 2: Middleware -- 2

    Logging Middleware Help finish the following middleware code in the logger.js file: On the response  ...

  2. window.onload与$.ready的差别

    在做图书管理系统的时候.实用到window.onload(){}方法.可是遇到了一个问题.就是怎么都不运行,究竟是为什么呢?愁了半天.后来经师姐指点改用了$.ready(){}. 在我的浅浅的了解中觉 ...

  3. MAC下配置gradle用eclipse 打包android程序

    1.下载gradle binhttp://gradle.org/gradle-download/ 2.配置gradle,http://www.douban.com/note/311599602/htt ...

  4. Oracle中删除重复的经典方案

    DELETE FROM Personnel WHERE ROWID < (SELECT MAX(P1.ROWID) FROM Personnel AS P1 WHERE P1.dup_id = ...

  5. Java_基础_内存管理

    把没几多年,完全忘记了把自己学的东西记录下来了,现在也基本不知道怎么去记录会更好了,不过好歹妹是把住了~也要毕业了,继续回来写东东记录自己的学习...... 一个Java程序在运行时的内存分布主要如上 ...

  6. 548 - Tree （UVa OJ)

    Tree You are to determine the value of the leaf node in a given binary tree that is the terminal nod ...

  7. Python笔记（一）

    我是一名211高校软件工程大三学生,由于前段时间一直在找实习公司.笔试面试了很多公司,虽然有一定的基础,但是还是被某些公司面试官像虐狗一样的虐了.最后找到了一个口碑比较好的外企,主攻信息安全方面.这段 ...

  8. 下拉选择框加listview删除

    package com.downselect; import java.util.ArrayList; import android.R.array; import android.app.Activ ...

  9. Amazon Launches FBA Export to Expand Beyond Media Categories

    Amazon launched a new program called FBA Export for third-party sellers to help them export products ...

  10. (转)内网网站发布到外网-nat123动态公网IP动态域名解析

    环境描述: 路由器分配的是动态公网IP,且有路由器登录管理权限,网站服务器部署在路由器内部网络.如何将内网网站发布到外网大众访问? 解决方案: 内网使用nat123动态域名解析,将域名实时固定解析到路 ...