10款基于jquery实现的超酷动画源码

1.jQuery二级下拉菜单 下拉箭头翻转动画

之前我们分享过不少基于jQuery的二级下拉菜单，甚至是多级的下拉菜单，比如这款jQuery/CSS3飘带状多级下拉菜单就非常华丽。但今天要介绍的这款jQuery二级下拉菜单外观很简洁，使用非常简单，它唯一的特点就是下拉菜单项的下拉箭头有翻转的动画特效。

在线演示

源码下载

2.jQuery层叠式翻页焦点图插件 可自动播放

今天我们要来分享一款很有特色的jQuery焦点图插件，它的图片切换方式是层叠的，很有立体感。这种层叠的动画效果我们在之前也分享过一点，比如这款CSS3图片层叠展开特效 可展开扇形效果。另外这款jQuery焦点图还支持自动播放模式。

在线演示

源码下载

3.jQuery双向滑动杆 设置数值百分比

今天我们要给大家分享的是一款简单的jQuery双向滑动杆插件，利用这个jQuery滑杆插件，我们可以很便捷地设置数值百分比，类似的插件我们在之前也有分享过，比如：jQuery滑动杆打分插件 可左右滑动和jQuery/CSS3带Tooltip的滑杆动画。如果你有更好的jQuery滑杆插件，欢迎与我们分享。

在线演示

源码下载

4.jQuery实用图片滑块焦点图 支持移动端滑动

关于jQuery焦点图插件我们以前已经分享过很多了，尤其是支持移动端滑动的jQuery焦点图，比如适应手机端的jQuery图片滑块动画。今天我们要再来介绍一款jQuery实用图片滑块焦点图，它也支持移动端的触屏滑动，这款插件并没有特别的动画效果，但方便实用。

在线演示

源码下载

5.jQuery图片垂直滚动焦点图 导航带图标

今天我们要再来分享一款很实用的jQuery焦点图插件，这款jQuery焦点图的图片是垂直分组滚动的，你可以自定义图片组，也可以定义图片组中图片的数量，鼠标滑过指定的导航上时，相应的图片组即可上下切换，另外，焦点图的切换导航上有小图标，显得更加美观。

在线演示

源码下载

6.jQuery垂直手风琴菜单 菜单项带小图标

关于手风琴菜单，我们在之前的文章中也已经分享过很多了，比如jQuery 3D 垂直多级菜单、jQuery多层级垂直手风琴菜单以及CSS3垂直手风琴折叠菜单。今天要介绍的这款jQuery垂直手风琴菜单的菜单项带有漂亮的小图标，让我们可以更直观的指导菜单项的功能。

在线演示

源码下载

7.HTML5翻牌消除小游戏

这是一款基于HTML5的翻牌游戏，当翻出的2张牌相同的话，就可以将牌消除。如果你对HTML5熟悉的话，可以自己扩大游戏的矩阵，让游戏难度稍稍加大。另外，这款HTML5游戏可能对你来说并没有太多用处，但是你可以学习里面的HTML5代码。

在线演示

源码下载

8.jQuery交互式分享按钮 可横向展开

之前我们为大家分享过很多炫酷的分享按钮了，比如纯CSS3实现分享按钮 包含常用社交网站按钮和HTML5/CSS3社会化分享按钮，都不仅很漂亮，而且都非常实用。这次要给大家介绍一款基于jQuery的交互式分享按钮，它的特点是点击分享即可横向展开全部社交网站相应的分享按钮。

在线演示

源码下载

9.jQuery打字机文字特效 可自定义打字参数

今天要向大家分享一款jQuery打字机文字特效插件，类似这样的jQuery插件我们以前没有分享过，因此这次隆重向大家推荐这款jQuery打字机插件，因为它不仅代码很小，而且可以进行灵活的参数配置，让我们开发者使用起来非常方便。

在线演示

源码下载

10.HTML5 Canvas气温折线图表 带Tooltip提示框

今天要给大家带来一款基于HTML5 Canvas的折线图表应用，它主要用来显示指定日期的气温变化趋势，当我们将鼠标滑过折线图上时，图表上即可显示一个Tooltip提示框，提示框中显示当前的天气状况及气温情况。当然这款HTML5图表也可以在其他地方使用。

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款基于jquery实现的超酷动画源码