分类目录归档:jQuery插件

jQuery雪人和下雪动画

今天我们要来分享一款非常欢乐的jQuery雪人和下雪动画,雪人是由一张图片形成,非常可爱。下雪的动画是由jQuery的动画特性来完成,随机大小和随机透明度的雪花从空中飘落,环绕在小雪人的四周显得格外宁静。

jquery-snow-animation

在线演示源码下载

jQuery多动画自动切换焦点图插件

之前我们有分享过很多炫酷和实用的jQuery焦点图插件,他们中的很多都拥有华丽的切换动画和播放方式,可以手动点击按钮切换,也可以自动切换。今天我们要介绍的这款jQuery多动画切换焦点图插件是自动播放的,它的切换动画由多种格子组成,有不同的方向和显示方式。

jquery-mult-animation-slider

在线演示源码下载

jQuery 3D 响应式图片墙动画

之前已经为大家分享过几款基于HTML5的图片墙应用了,比如这款HTML5/CSS3 3D环形图片墙 伴随旋转动画,非常酷。今天要给大家介绍一个基于jQuery的3D响应式图片墙动画,图片可以随机分布在屏幕上,随着鼠标移动图片墙会形成不同的视角,因此给人3D立体的视觉效果。并且它可以适应不同大小的屏幕。

jquery-3d-image-gallary

在线演示源码下载

jQuery书本翻页动画 支持手机触屏

之前我们介绍过很多款功能各异的书本翻页动画了,比如最近刚分享的适配移动端的HTML5电子书翻页动画特效和很早前分享的CSS3书本翻页动画。这次给大家带来另外一个jQuery书本翻页动画插件,它的特点是支持移动端的触屏翻页,效果非常不错。

jquery-book-paging-mobile

在线演示源码下载

jQuery 3D翻转切换焦点图插件 支持鼠标滚轮

之前我们分享过很多炫酷和实用的jQuery焦点图插件,比如这款HTML5/jQuery 3D焦点图插件 多种超酷切换动画就非常炫酷,而这款jQuery淡入淡出切换效果的焦点图插件就非常简洁实用。这次要分享的同样是一款基于jQuery的焦点图插件,它的切换动画是3D翻转,可以支持任意HTML元素块的切换,并且支持鼠标滚轮。

jquery-3d-rotate-image-slider

在线演示源码下载

漂亮的jQuery黑色宽屏下拉导航菜单

这是一款基于jQuery的宽屏下拉菜单,菜单整体的外观呈灰黑色,显得非常冷酷和大气。下拉菜单的宽度与主菜单齐平,因此是属于宽屏的菜单,这和我们之前分享的jQuery宽屏下拉菜单导航比较类似。这款下拉菜单的另外一个特点是,子菜单允许使用图片,因此内容相对比较丰富。

jquery-black-dropdown-menu

在线演示源码下载

jQuery不同弹出动画的相册预览插件

今天我们一起来欣赏一款基于jQuery的相册预览插件,一般我们的相册插件在弹出相片时都会以淡入淡出的效果呈现,但是这款jQuery相册插件的相片弹出动画有很多种,如果你对jQuery动画比较熟悉,还可以很轻松的自定义自己的相片弹出动画。

jquery-photo-viewer

在线演示源码下载

甜美的jQuery糕点图片切换动画

这次要介绍一款外观很甜美的jQuery焦点图插件,这款焦点图其实并不是简单的图片切换,而是部分元素的切换动画。右边有一排Tab按钮,点击按钮即可以切换到相应的糕点图片,糕点图片还有发光的动画特效,总而言之,整个焦点图动画非常的唯美。

jquery-cake-image-slider

在线演示源码下载

jQuery垂直经典Tab内容切换插件 SVG绘制小图标

之前也有介绍过很多Tab内容切换插件,有水平切换的,也有垂直切换的,比如CSS3/jQuery实现Tab菜单小工具jQuery右侧Tab选项卡的焦点图插件,都是非常实用的。这次要分享的也是一款基于jQuery的Tab插件,它是垂直切换内容的,特点是利用svg绘制小图标放置在tab按钮上,让整个Tab切换插件在外观上漂亮了不少。

jquery-tab-svg-icon

在线演示源码下载

jQuery俄罗斯方块游戏动画

记得之前为大家介绍过一款HTML5/CSS3简易版俄罗斯方块游戏,经典值得回味。今天我们同样要再分享一款基于jQuery的俄罗斯方块游戏,这款俄罗斯方块游戏同样支持难度自动提升、累计积分等功能,唯一的问题就是未能处理好浏览器中的向上和向下箭头的兼容,建议对JS熟悉的朋友可以自行修改游戏按键以避开上下键。

jquery-tetris-game

在线演示源码下载