13款精彩实用的jQuery插件

2014-6-19    蓝蓝设计的小编

1、jQuery特色菜单 圆形动画菜单插件

jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件。今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示子菜单,这一切都是利用jQuery实现的,非常强大。

jquery-circle-animation-menu

在线演示        源码下载

2、jQuery带滑杆的图片播放器 滑动十分流畅

jQuery焦点图在网页中应用非常广泛,利用jQuery编写图片播放器十分方便,扩展性也不错。今天要分享的这款jQuery图片播放器带有一个滑杆,我们可以点击图片来切换图片,也可以滑动这个滑杆来播放图片,滑杆滑动时非常流畅。

jquery-image-player-with-pole

在线演示        源码下载

3、jQuery评分插件 星星和心型两种外观

今天我们要来分享一款很实用的jQuery评分插件,该评分插件不仅提供各种尺寸的评分按钮,而且评分按钮还提供星星和心型两种外观。在评分过程中,可以实时显示当前你评的分数,你也可以点击左侧的减号来取消当前的评分,是一款很不错的jQuery插件。

jquery-rank-star-and-heart

在线演示        源码下载

4、jQuery UI滑杆插件 可Tooltip提示

今天我们再来介绍一款实用的jQuery插件,是基于jQuery UI的。这款jQuery滑杆插件非常漂亮,可以设置多种颜色,再加上CSS3上运用,可以让滑杆的游标变得有立体感,滑杆的Tooltip提示框也出现飞入飞出的动画效果。更多jQuery插件可以移步至jQuery插件栏目。

jquery-ui-slider-tooltip

在线演示        源码下载

5、jQuery/CSS3简单分页插件 有3D立体外观

今天我们要再来分享一款简单的jQuery分页插件,这款分页插件不仅可以设置无限页码,而且分页控件的外观也非常漂亮,呈3D立体的效果,当然这需要背景的配合。

jquery-css3-pagination

在线演示        源码下载

6、jQuery实现冒泡、插入排序算法动画演示

今天我们来分享一款绝对让你震撼的jQuery插件,它可以模拟各种排序算法的动画,让你很直观的了解各种排序算法实现的原理,如果你纯粹想看排序算法动画,那么可以选择fast速度模式,如果想知道原理,那就选择slow速度模式,这里提供了插入排序、冒泡排序、鸡尾酒排序这三种动画。

jquery-sort-animation

在线演示        源码下载

7、CSS3/jQuery自定义弹出窗口 多种弹出动画

这是一款利用jQuery和CSS3实现的自定义弹出窗口,这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html,十分灵活。另外最重要的一个特点是,它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果,挺酷的。

jquery-css3-modal-window

在线演示        源码下载

8、jQuery百叶窗焦点图 超酷切换动画

今天分享的第一款jQuery插件是jQuery百叶窗焦点图,这款jQuery焦点图的百叶窗效果非常酷,不仅可以横向切换,也可以竖向切换。

jquery-blind-image

在线演示        源码下载

9、jQuery宽屏带文字描述焦点图插件

今天要分享一款jQuery实现的宽屏焦点图插件,而且每一张图片都带有文字描述,图片滑动效果也比较流畅。

jquery-adaptive-image-slider

在线演示        源码下载

10、jQuery打飞机游戏 游戏很有意思

这次我们要分享一款用jQuery实现的打飞机游戏,游戏一共有三种模式,纯屌丝模式、高富帅模式、李少侠模式,这三种模式飞机发射的子弹越来越多因此难度也越来越简单,因为这款游戏用jQuery实现,所以基本能兼容所有浏览器,你是纯屌丝、高富帅还是李少侠?

jquery-fly-game

在线演示        源码下载

11、jQuery九宫格菜单 菜单可点击悬浮展开

这次我们要分享一款很有特色的jQuery菜单,不像其他的横向和纵向菜单,这是一款可点击弹出悬浮展开的九宫格菜单。菜单是利用jQuery实现的,所以兼容性应该还可以。另外菜单一共有两种颜色主题,你也可以定义更多和网站匹配的颜色。

jquery-9-rect-pop-menu

在线演示        源码下载

12、jQuery精美焦点图插件 带缩略图

今天我们要再来分享一款jQuery精美焦点图插件,特点是带有缩略图,使用起来更加人性化,焦点图的用户体验不错。

jquery-image-slider-with-thumb

在线演示        源码下载

13、jQuery纵向滑块焦点图插件 图片切换流畅

今天我们要来分享一款效果很酷的jQuery焦点图,它的Tab切换方式是纵向的,而且图片切换的方式也是纵向的,另外整个jQuery焦点图的色彩非常棒,给人一种神秘的感觉。焦点图的图片切换还是比较流畅的。

jquery-ver-image-slider

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档