阅读更多

10顶
2踩

Web前端

原创新闻 8 款超棒的 jQuery 图片动画特效

2013-08-20 11:37 by 见习编辑 html5_dev 评论(13) 有14615人浏览
jQuery非常强大,绝大部分前端开发者对jQuery也非常亲睐,jQuery可以用轻巧的代码来实现非常酷而且实用的网页效果。今天就向大家分享8款效果惊人的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图标,该动画是为了纪念粘土大师而设计的,该动画是利用一张图片实现的,通过播放图片中不同的帧来实现这个动画。



在线演示    /    素材下载

以上就是8款效果惊人的jQuery图片动画特效,希望大家喜欢。

原文链接:http://www.codeceo.com/8-jquery-image-effect.html
  • 大小: 24.2 KB
  • 大小: 7.2 KB
  • 大小: 49 KB
  • 大小: 27.5 KB
  • 大小: 220.1 KB
  • 大小: 231.1 KB
  • 大小: 15.1 KB
  • 大小: 136.4 KB
来自: 码农网
10
2
评论 共 13 条 请登录后发表评论
13 楼 shuhen2011 2013-10-13 19:29
很喜欢那个平面时钟,虽然效果不算华丽,但非常有创意
12 楼 zhichijiushitianya 2013-10-10 11:27
11 楼 无奈的漂泊 2013-09-03 15:08
kingxip 写道
如果不指明每种效果支持的浏览器,建议以后别发这类口水文章了。


不是给你一个人发的,OK?
10 楼 myqldx 2013-08-27 11:53
9 楼 jyzbcs 2013-08-26 12:22
8 楼 kingxip 2013-08-23 10:37
如果不指明每种效果支持的浏览器,建议以后别发这类口水文章了。
7 楼 dsjt 2013-08-23 09:24
google纪念粘土大师那个超赞
6 楼 Alex_Cheung 2013-08-23 07:10
5 楼 lsjinpeng 2013-08-22 09:04
好玩有新意
4 楼 xutian2008 2013-08-21 19:54
挺炫的,支持一个
3 楼 lw900925 2013-08-21 13:04
2 楼 gydaixwh 2013-08-21 10:32
最后一个挺有意思的
1 楼 night2007 2013-08-20 21:50

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • DriverStudio工具包介绍与安装说明.doc

    DriverStudio工具包介绍与安装说明.doc

  • Linux USB 驱动开发(三)—— 编写USB 驱动程序

    Linux的设备驱动都遵循一个惯例——表征驱动程序(用driver更贴切一些,应该称为驱动器比较好吧)的结构体,结构体里面应该包含了驱动程序所需要的所有资源。用术语来说,就是这个驱动器对象所拥有的属性及成员。 一、usb-skeleton        下面先看一下Linux内核源码中的一个usb-skeleton(就是usb驱动的骨架咯),其定义的设备结构体就叫做usb-skel:s

  • USB设备请求

    USB设备请求 在枚举过程中,USB主机会向USB设备请求参数,用于读取描述符信息,为USB设备分配设备地址等等。USB设备通过默认控制管道响应这些请求,这些请求参数在SETUP数据包中,长度为8个字节。Linux对于请求参数结构体定义如下: 146 struct usb_ctrlrequest { 147         __u8 bRequestType; 148         __

  • 开发WDM型USB设备驱动程序(二)

    USB设备驱动程序开发工具  开发USB设备驱动程序需要专门的开发工具,目前应用广泛的工具主要有两大类。  一类是Microsoft公司提供的Windows DDK(Device Driver Kit)。它有Windows 98 DDK和Windows 2000 DDK两个版本。Windows 98 DDK能够开发Windows 95/98/Me/NT下的VxD、KMD和WDM驱动程序。Windo

  • linux 获取无线网卡密码错误,解决linux下外接无线网卡报错问题

    linux系统报错信息如下:[30971.764840]phy1->rt2x00usb_vendor_request:Error-VendorRequest0x07failedforoffset0x0438witherror-71.[30975.519840]phy1->rt2x00usb_vendor_request:Error-Vendor...

  • DriverStudio中文教程

    DriverStudio中文教程

  • DriverStudio 安装后的设置 (图文)

    http://wenku.baidu.com/view/454d2488680203d8ce2f24ae.html //第13页 图文并茂

  • 万能声卡驱动win10_ASIO驱动(多通道版)-无驱外置USB声卡电音驱动

    ASIO驱动(自定义通道板)简介:在安装的时候,可随意定义虚拟的播放通道数量和录音通道数量! 理论上我们比较常见的是,安装2个播放通道,分别用来做内防通道(1+2),另外一个播放(3+4)是用来做播放器的音源输入通道,另外安装1个录音通道(1+2)用做总输出!当然只要你喜欢,也可以随意定义ASIO通道数量执行安装,同时配合专用机架宿主软件,实现多通道的DIY输入和输出处理!ASIO驱动(自定义通道...

  • NuMega Driver Studiov2.7

    NuMega Driver Studiov2.7

  • DriverStudio.3.2破解版

    破解补丁在KeyGen文件夹下 compuware.dat为授权文件 keygen.exe可以生成序列号 要用此程序的朋友安装程序应该没问题吧 我只能上传60M的文件所以分两个吧 大家见谅 让那些为了积分而不择手段的人。。去吧

  • 用DriverStudio开发USB驱动程序.

    用DriverStudio开发USB驱动程序

  • USB设备驱动概述

    USB设备驱动 ·17.1 USB总线协议 ·17.1.1 USB设备简介 ·17.1.2 USB连接拓扑结构 ·17.1.3 USB通信的流程 ·17.1.4 USB四种传输模式 ·17.2.1观察USB设备的工具 ·17.2.2 USB设备请求 ·17.2.3设备描述符 ·17.2.4配...

  • DriverStudio套件包的安装与运行环境设置

    DriverStudio套件包的安装与运行环境设置 http://www.21tx.com 2006年03月31日 1 2 3 4 下一页   硬件和软件需求   在安装该产品前最好将你的系统进行备分。下列是安装和运行DriverStudio 所需的要求:   · PC-compatible Intel x86 系统   · Microsoft Windows NT 4.0 (Se

  • 利用DriverStudio3.2开发USB驱动程序

    利用DriverStudio开发驱动程序比直接调用DDK开发起来要方便快捷的多。就像利用MFC开发一般的桌面程序一样,而非选择SDK进行程序的编写。换句话说,DriverStudio和DDK的关系就像MFC和SDK的关系一样,DriverStudio只是对DDK中的各种结构、函数进行了封装,方便开发人员进行底层函数的调用,如DriverStudio的Kirp类就是对DDK中IRP所有操作的封装而已

  • DriverStudio3.2.1完全安装版

    DriverStudio3.2.1完全安装版,在3.2版本上添加升级补丁至3.2.1,内含序列号及License文件.

  • 用VS2005+Driverstudio+DDK开发第一个PCI驱动程序(详解)

    我的前面一篇文章已经总结了安装VS2005+Driverstudio+DDK来搭建环境。下面再来一步一步来编写我们的第一个PCI驱动程序。 1.在安装好软件后,打开VS2005,TOOL目录下会多一个Driverstudio的选项,这里我们选择它新建一个工程。如下图 之后会出现一个工程引导界面,如下 然后一直点击NEXT直到第4步。如下图 这里我们选择PCI

Global site tag (gtag.js) - Google Analytics