以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。

1、jQuery图片下滑切换播放效果

这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。

在线演示    /   素材下载

2、jQuery带闹钟功能的数字时钟

这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。

在线演示    /    素材下载

3、jQuery平面时钟

这款jQuery时间插件非常有特色,它是一款平面时钟,时钟可以显示年月日、星期、时分秒,该时间插件利用一种时钟图片结合jQuery让图片中的时间走动起来。

在线演示    /    素材下载

4、jQuery百叶窗幻灯片效果

这是一款多风格的jQuery百叶窗幻灯片图片网页素材,该jQuery图片播放插件十分小巧,可以自定义图片的数量,随机百叶窗效果。

在线演示    /    素材下载

5、CSS3立体动感进度条

这是一款纯CSS3实现的进度条,该进度条可以用来展示用户技能,不同的技能程度进度条会有不同的值,再加上其立体的效果,这款进度条就更加漂亮了。

在线演示    /    素材下载

6、jQuery无限极手风琴图片展示

这是一款基于jQuery的图片手风琴插件,我们可以定义无限张图片,点击图片的侧边,即可以展开大图,手风琴效果还不错。

在线演示    /     素材下载

7、jQuery曲线图片播放插件

这款jQuery图片播放插件的特点是图片切换的时候有一条流畅的曲线,非常时候播放一些产品宣传图片。

在线演示    /    素材下载

8、Google Doodle粘土动画

这是Google Doodle设计的Logo图标,该动画是为了纪念粘土大师而设计的,该动画是利用一张图片实现的,通过播放图片中不同的帧来实现这个动画。

在线演示    /    素材下载

9、jQuery图片缩放插件Zoomer

jQuery图片缩放插件Zoomer,Zoomer是一款非常出色的jQuery图片处理插件,Zoomer可以帮助你放大缩小图片,并可以在缩放图片时浏览大图,如果你需要浏览一些高清图片,建议使用Zoomer插件。

演示地址    /    源码下载

10、jQuery图片3D旋转播放插件

jQuery图片3D旋转播放插件,这是一款强大的jQuery图片旋转播放插件,3D的效果大大增强了该插件的视觉感受。图片提供自动播放,也提供手动切换,如果在你的产品首页上应用这款jQuery插件将为页面增色不少。

在线演示    /    源码下载

11、jQuery 3D图片展示效果,带图片描述

这是一款基于jQuery和CSS3的3D图片展示效果,图片一开始躺在桌面上,点击图片时,图片就像站起来一样展示出来,非常有立体的感觉,并且图片展示时带有图片描述的toolTip。

在线演示    /    源码下载

12、jQuery仿QQ窗口抖动特效

这是一款基于jQuery的图片抖动特效,遗憾的是这款仿QQ抖动特效仿的不是很完美,但是也算是很有创新。

在线演示    /    源码下载

13、jQuery原始图片对比插件

对图片渲染加工后,如果你想和原图做对比,那么这款jQuery原始图片对比插件就能很方便地帮你实现图片对比功能。鼠标拖动滑杆,就可在原图上对加工后的图片进行对比。

在线演示    /    源码下载

14、jQuery流水线图片滚动插件

这是一款基于jQuery的图片滚动插件,该插件的特点是图片以流水线的方式流动,效果十分酷。

在线演示    /    源码下载

15、jQuery下一张图切换效果

这个jQuery插件主要实现下一张图片的切换,当鼠标移过当前图片时,图片右侧将会显示一个半透明的下一张按钮区域,点击该区域就能切换到下一张图片,并且切换时有动画效果。

在线演示     /    源码下载

16、jQuery右侧带缩略图焦点图插件

这是一款功能强大的jQuery焦点图插件,该jQuery焦点图的特点是右侧可以展开一行缩略图和描述,点击相应选项即可播放相应的图片,该jQuery焦点图的扩展性也很强。

在线演示    /    源码下载

17、jQuery前后翻页焦点图

这也是一款非常出色的jQuery焦点图插件,从焦点图的外观看,该jQuery焦点图虽没有过多的修饰,但看起来十分大方。从焦点图的功能看,该jQuery焦点图拥有自动播放图片、手动切换图片、随机图片切换动画,我想这些功能足够你使用了。

在线演示    /    源码下载

18、jQuery抖动动画焦点图

这是一款基于jQuery的动画焦点图,该焦点图在切换图片的时候会出现抖动动画,是一款很时尚的jQuery焦点图。

在线演示    /    源码下载

19、jQuery手风琴图片切换效果,支持横向和纵向

这是一款基于jQuery的手风琴效果,这款手风琴插件功能相对完善,也满足横向和纵向的模式,用户也可以灵活地定义不同的外观样式。

在线演示    /    源码下载

20、jQuery实现3D圆盘图片播放,支持鼠标滚轮

这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。

在线演示    /    源码下载

21、jQuery带文字描述的焦点图

这是一款基于jQuery的宽屏焦点图,该jQuery焦点图带有文字描述,文字描述区域和原图之间透明显示,非常大气。

在线演示    /    源码下载

22、jQuery宽屏带缩略导航焦点图

这款焦点图有两个特点,第一就是宽屏,够大气。第二就是带有缩略图导航,方便浏览大图片。

在线演示    /    源码下载

23、jQuery抖动式图片切换效果

这也是一款基于jQuery的图片切换插件,不过图片切换的时候会产生抖动的特效,你可以在演示页面点击切换下一张图片看看。

在线演示    /    源码下载

20+功能强大的jQuery/CSS3图片特效插件的更多相关文章

  1. Image Wall - jQuery & CSS3 图片墙效果

    今天我们要为您展示如何基于 jQuery 和 CSS3 创建一个整洁的图片墙效果.我们的想法是在页面上洒上一些大小不同的缩略图,并在当我们点击图片时候显示丝带,会显示一些描述,再次点击缩略图时,丝带将 ...

  2. 美轮美奂!9款设计独特的jQuery/CSS3全新应用插件(下拉菜单、动画、图表、导航等)

    今天要为大家分享9款设计非常独特的jQuery/CSS3全新应用插件,插件包含菜单.jQuery焦点图.jQuery表单.jQuery图片特效等.下面大家一起来看看吧. 1.jQuery水晶样式下拉导 ...

  3. jquery validate强大的jquery表单验证插件

    jquery validate的官方演示和文档地址: 官方网站:http://jqueryvalidation.org/ 官方演示:http://jqueryvalidation.org/files/ ...

  4. 40免费的 jQuery & CSS3 图片热点特效

    jQuery CSS3 形象悬停效果可能是一个优秀的网站项目中添加的效果.这个特殊的收集是大约50个 jQuery CSS3 形象徘徊影响最近出版的.这些图像悬停效果可以作为一个有效的和创造性的方式添 ...

  5. 基于JQUERY 的图片查看插件

    viewer是一款功能强大的图片查看器.它可以实现ACDsee等看图软件的部分功能.它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片.该图片查看器还支持移动设备,支持键盘控制,功能十分强大 ...

  6. (转)强大的JQuery表单验证插件 FormValidator使用介绍

    jQuery formValidator表单验证插件是客户端表单验证插件.在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者(J ...

  7. 20款最好的jQuery文件上传插件

    当它是关于开发网络应用程序和网页的时候,文件上传功能的重要性是不容忽视的.一个文件上传功能可以让你上传所有类型的文件在网站上,包括视频,图像,文件和更多.创建一个文件上传功能,对你的网站是不是很难,有 ...

  8. 强大的JQuery表单验证插件 FormValidator使用介绍

    jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...

  9. 分享10款功能强大的HTML5/CSS3应用插件

    1.纯CSS3美化Checkbox和Radiobox按钮 外观很时尚 利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框.CSS ...

随机推荐

  1. 用c#开发微信 (13) 微统计 - 阅读分享统计系统 3 UI设计及后台处理

      微信平台自带的统计功能太简单,有时我们需要统计有哪些微信个人用户阅读.分享了微信公众号的手机网页,以及微信个人用户访问手机网页的来源:朋友圈分享访问.好友分享消息访问等.本系统实现了手机网页阅读. ...

  2. 聊聊JS与设计模式之(工厂Factory)篇------(麦当劳的故事)

    一,总体概要 1,笔者浅谈 说起设计模式其实并不是什么很新奇的概念,它也不是基于特定语言所形成的产物,它是基于软件设计原则以及相关的方法论和经过特定时期衍生出的若干解决方案.本文会以一个实例带入大家学 ...

  3. Jenkins pipeline 入门到精通系列文章

    Jenkins2 入门到精通系列文章. Jenkins2 下载与启动jenkins2 插件安装jenkins2 hellopipelinejenkins2 pipeline介绍jenkins2 jav ...

  4. Java Web指导方向

    第一阶段 第二阶段 第三阶段 第四阶段 第五阶段 第六阶段 第七阶段 第一阶段:Java程序员 技术名称 内                 容 说明 Java语法基础 基本语法.数组.类.继承.多态 ...

  5. 常用js方法整理common.js

    项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...

  6. 使用tornado的gen模块改善程序性能

    之前在公司的一个模块,需要从另一处url取得数据,我使用了Python的一个很著名的lib,叫做requests.但是这样做极大的降低了程序的性能,因为tornado是单线程的,它使用了所谓的reac ...

  7. 一个映射到mac风格按键的AHK脚本(替换虚拟机键盘映射)

    Mac键位映射(部分) win+q 退出程序 win+w 关闭当前页面 win+h 隐藏当前窗口 win+shift+h 隐藏其他窗口 win+s 保存 win+o 打开 win+z 撤销 win+s ...

  8. 基本语法 protocols Category extension

    转:http://blog.csdn.net/wangeen/article/details/16989529 protocol   本质就是一系列的method的声明,他并不像class是必须的选项 ...

  9. NoteExpress 自定义参考文献输出样式

    最近在写硕士论文,样式中没有符合要求的,于是就自己来编辑下样式文件,下文是网上搜集的关于自定义参考文献的一篇教程,可以参考. 一.分隔符|和连接符*的使用 (1)连接符 * 主要作用是“建立依赖关系” ...

  10. EWM一个仓库号对应ERP多个PLANT的配置

    1. CIF多个DC到EWM系统,创建SCU并配置成仓 2. tx:/sapapo/loc3 对多个DC生成分配模型 3. IMG:分配仓库编号 去掉缺省的授权处理方 4. 维护SCU hierarc ...