你的位置:首页 > Java教程

[Java教程]10款基于jquery实现的超酷动画源码


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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 1

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 2

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 3

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 4

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 5

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 6

在线演示

源码下载

7.HTML5翻牌消除小游戏

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 7

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 8

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 9

在线演示

源码下载

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

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

10款基于jquery实现的超酷动画源码 - 爱七七五八网 - 10

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/2302.html