15个web前端的美轮美奂的 jQuery 图片特效

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

时间: 2024-08-26 13:52:27

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

web前端之锋利的jQuery四:jQuery中的事件

web前端之锋利的jQuery四:jQuery中的事件 加载DOM: 执行时机: $(document).ready(function(){}); 详情解释 事件绑定: bind(event,data,function) 第一个参数是事件类型,类型包括:blur focus load resize unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter change select submit

好程序员web前端学习路线分享jQuery学习技巧

好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! 1.关于页面元素的引用 通过jquery的$引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方

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

作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到. 1.jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片.另外,每张图片也都有文字描述

jQuery图片特效脚本prettyPhoto简介

prettyPhoto是一款基于jquery的轻量级的lightbox图片特效脚本,它不仅支持图片,还同时支持视频.flash. YouTube.iframe和ajax.而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义 prettyPhoto.prettyPhoto兼容大部分主流的浏览器,有些Wordpress图片插件就是基于此脚本制作的. 比如:Wordpress插件:Royal PrettyPhoto 建议英文好的朋友直接去官网上了解这个插件的用法,如果你

web前端之JavaScript之jquery中的回调函数

回调函数指的是被调用者完成处理后自动回调调用者预先传递的函数. 在类C语言中通常通过函数指针/引用的方式传递. jQuery也提供类似的回调函数机制.但是如何正确传递回调函数仍然值得一提. 在John(jQuery Founder)写的指南中有详细的介绍. 1.不带参数的回调 $.get('myhtmlpage.html', myCallBack); 其中myCallBack是函数名字.函数是javascript的基础.可以当作引用变量一样传递. 2.带参数的回调 很自然的,按照以往的经验,我们

Web前端的35个jQuery小技巧-转载

原文:http://www.cnblogs.com/zengzhaoguang/archive/2016/05/24/5524036.html 1. 禁止右键点击$(document).ready(function(){    $(document).bind("contextmenu",function(e){        return false;    });}); 2. 隐藏搜索文本框文字Hide when clicked in the search field, the v

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

jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery标准的CSS选择符: 4.让选择页面元素更灵活的DOM遍历方法:一.如何理解DOM? DOM中的对象网络与家谱十分相似.比如祖先元素.父元素.子元素等等. 元素之间的关系图从下面的图就可以看清楚: 为了把DOM结构更形象的表现出来,可以使用很多工具,列如Firefox的Firebug插件,Safar

Web前端新人笔记之jquery入门

本章将为大家介绍以下几点内容: 1.jquery的主要特点: 2.建立jquery的编码环境: 3.简单jquery脚本示例: 4.选择jquery而不是纯javaScript的理由: 5.常用的jquery开发工具:jquery能做什么? ① 取得文档中的元素 $('div.content').find('p'); ② 修改页面的外观 $('ul > li:first').addClass('active'); ③ 改变文档内容 $('#container').append('<a href

分享10款web前端基于css3和jquery的源码预览

1.基于jquery和css3实现的摩天轮式分享按钮 之前分享了很多css3实现的按钮.今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮.这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮挂在摩天轮上. 在线演示 源码下载 2.纯css3实现的动画加载导航 之前为大家介绍了好几款导航菜单,今天为给大家再带来一款纯css3实现的动画加载导航.该导航出现的时候以动画的形式出现. 在线演示 源码下载 3.纯css3实现的鼠标经过图片显示