返回 登录
13

7个炫酷的jQuery动画插件及源码

之前我们分享过很多不错的HTML5动画,但是很多都需要更高版本的浏览器支持。今天我们来分享一些基于jQuery的动画插件,虽然没有HTML5的炫酷,但是比较实用,而且兼容性也还不错,而且,每一个插件都提供源代码下载,方便研究交流。

1、jQuery书本翻页3D动画特效

记得以前我们有介绍过不少书本翻页的动画,比如这款CSS3书本翻页动画,制作就非常逼真。今天要分享的这款jQuery书本翻页3D动画功能更加强大,可以支持任意数量页的翻阅,并且也有非常美观的视觉效果。书本的内容支持任意HTML元素,相当灵活。

jquery-3d-book-page

在线演示 / 源码下载

2、jQuery带闹钟闹铃的数字时钟

今天要分享的是一款基于jQuery的数字时钟,这款jQuery时钟的一大特点是可以设置闹铃,可以做一个很好的闹钟插件。点击闹钟设置按钮即可弹出一个对话框,你可以多少时间后激活闹铃,比如1分钟后激活,那么就在minutes中设置1。1分钟后,会弹出一个闹铃提示框,并伴随提示声音。

jquery-alarm-clock

在线演示 / 源码下载

3、jQuery图片水平滑动延迟加载动画

这是一款基于jQuery的图片滑块插件,这款jQuery图片插件可以自定义水平滚动条,外观非常漂亮,当我们拖动滚动条时,图片即产生延迟加载,并在加载完后以各种动画的方式展示出来。另外,鼠标滑过图片时,图片下方会弹出一些描述文字。

jquery-silder-lazy-load

在线演示 / 源码下载

4、jQuery 360度图片旋转插件dopelessRotate

dopelessRotate是一款基于jQuery的图片旋转插件,这款图片旋转插件功能非常强大,它不仅可以在加载的时候显示进度条,而且点击右侧的放大镜按钮可以查看原始大图,并且可以滑动鼠标来漫游大图的每一个细节。是一款非常不错的jQuery图片旋转插件。

jquery-360-dopelessrotate

在线演示 / 源码下载

5、jQuery/CSS3滑块动画菜单 6种菜单样式

之前我们介绍过一款4种颜色主题的CSS3 3D动画菜单,效果很不错。今天要分享一个有6种外观样式的jQuery/CSS3滑块动画菜单,当鼠标滑过菜单项时,菜单项上方即会滑过一个遮罩动画。另外,这款菜单有6中外观供你选择,非常不错。

jquery-css3-silder-menu

在线演示 源码下载

6、jQuery模拟Android HTC时间和天气画面

这次要分享的一款jQuery插件是模拟Android HTC手机的时间和天气画面,如果你的网络允许,该插件还可以ajax获取当地的天气情况。这款模拟Android HTC手机的jQuery插件从外观上看和Android待机画面非常相似,并且也可以实现滑屏特效。

jquery-android-htc-time-wether

在线演示 / 源码下载

7、jQuery动画图片滑块插件 流水线样式

今天我们要来介绍一款很酷的jQuery图片滑块插件,这款jQuery图片插件非常具有个性化,首先图片可以根据数量来分组,然后点击切换按钮时,每一组图片就像流水线上的产品一样滑过,图片滑动时也有不错的动画效果。这款jQuery插件可以在商品展示页面上使用。

jquery-animated-image-slider

在线演示 / 源码下载

以上就是7个炫酷的jQuery动画插件及源码,欢迎收藏分享。

评论