首页 > 代码库 > 10款web前端的基于jquery的动画的源码

10款web前端的基于jquery的动画的源码

1.jQuery/CSS3滑块动画菜单 6种菜单样式

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

在线演示

源码下载

2.色块填充式切换按钮的jQuery焦点图

这又是一款简易型的jQuery焦点图插件,这款焦点图插件可以进行自动播放,也可以点击下方的填充式切换按钮进行手动切换,非常方便。另外,其简易的外观让其加载速度十分快,非常适合高性能的网页上面。该jQuery焦点图的图片切换动画是淡入淡出的效果,切换也十分流畅。

在线演示

源码下载

3.仿ios7的switches开关按钮

今天给大家介绍一款仿ios7的switches开关按钮。这款按钮也是纯css实现的。无需引js代码。在实现中给出了两种颜色,三种不同大小的demo。

在线演示

源码下载

4.HTML5数字时钟之闹钟

上一篇文章中,我们介绍了如何制作一个数字时钟,今天我要在本文中给大家介绍在数字时钟基础上增加设置闹钟响铃功能。本文中使用了HTML5的audio元素来调用响铃音频。

在线演示

源码下载

5.基于jquery制作的圆形转盘抽奖特效

基于jquery制作的圆形转盘抽奖特效,点击图中间的抽奖图片,就可以进行抽奖活动,但是有一点点小问题就是第一次抽奖完毕后,无法再次点击抽奖,大家可以下载下来研究一下。

在线演示

源码下载

6.基于jQuery打造的3D自由立体旋转特效

基于jQuery打造的3D自由立体旋转特效,左键点击托动鼠标会进行旋转,右键点击可以拖动当前物体所在的位置。

在线演示

源码下载

7.基于jQuery有趣的眼睛随鼠标进行有磁性的旋转

基于jQuery有趣的眼睛随鼠标进行有磁性的旋转,鼠标在何方,眼睛就往哪个方向转动,非常的的有趣的特效。

在线演示

源码下载

8.纯jQuery打造的点评网星星评论

纯jQuery打造的点评网星星评论,常用的几款星星评论特效!兼容当前主流的浏览器。

在线演示

源码下载

9.jQuery打造的闪烁摇奖特效

jQuery打造的闪烁摇奖特效,点击开始摇奖就会进行闪烁特效抽奖,效果很流畅很酷。

在线演示

源码下载

10.仿锦云官网jQuery幻灯片特效

仿锦云官网jQuery幻灯片特效,全屏焦点图,左侧是缩略图,右侧是大图上下自动滚动,带有方向箭头的jquery特效。

在线演示

源码下载

10款web前端的基于jquery的动画的源码