分类目录归档:jQuery插件

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

在线演示源码下载

jQuery网页音乐播放器 支持歌曲播放列表

之前我们为大家分享过很多基于jQuery和HTML5的音乐播放器,比如这款质感炫酷的HTML5音乐播放器jQuery迷人音乐播放器jPlayer,效果都非常不错,而且也比较实用。今天要介绍的同样是一款网页音乐播放器,它拥有音乐播放器大部分的功能,更重要的是它支持歌曲播放列表,适合将这款播放器放到个人博客中去,非常实用。

jquery-music-player-list

在线演示源码下载

灵活高效的jQuery颜色拾取插件

这次我们要给大家介绍一个基于jQuery的颜色拾取插件,它的功能非常简单,就是在网页中选取颜色,但是插件的使用却非常灵活,可以点击文本框弹出颜色拾取控件,也可以点击按钮弹出控件,另外你也可以同时选取多种颜色。

jquery-big-colorpicker

在线演示源码下载

CSS3 3D立体图片翻转焦点图

这是一款看上去非常简易的图片播放焦点图插件,插件利用了CSS3相关属性,实现图片的翻转动画。之前我们也刚分享过一款基于CSS3的图片悬停翻转动画,利用的是相同的原理,不过这是在翻转的过程中切换成另外一张图片。

css3-3d-image-flip-slider

在线演示源码下载

jQuery鼠标悬停图片翻转动画

这是一款简易的jQuery图片翻转动画插件,当我们将鼠标滑过图片时,图片即可以水平翻转,你可以在图片背面显示一些与该图片相关的文字描述,当图片翻转时,用户就可以看到相关的文字信息。之前也分享过一款可垂直水平翻转的jQuery/CSS3图片翻转特效,运用的也是类似的原理。

jquery-hover-image-flip

在线演示源码下载

CSS实现纯文本的Loading加载动画

对于Loading加载动画,我们已经介绍过不少了,像这款5个可爱的CSS3 Loading加载动画以及HTML5 Canvas实现超酷Loading动画都非常不错,但今天要分享的Loading动画是基于纯文本的,也就是利用一些特别的文本字符再加上简单的JS脚本控制即可实现很多超实用的Loading加载动画。

css-text-loading

在线演示源码下载

jQuery圆角可自由伸缩的Tab选项卡

今天我们要分享一款很不错的jQuery Tab选项卡插件,这款选项卡插件的特点是Tab标签页两端是圆角的,看上去没有那么生硬。同时Tab页的内容是可以自由伸缩的,可以适应不同页面大小和文字内容的长短。另外我们也推荐大家使用之前介绍的一款HTML5 SVG Tab滑块菜单,也非常不错。

jquery-fillet-tab-content

在线演示源码下载

可以帮你快速生成各种阴影效果的jQuery插件

在现代网页中,我们到处可以看到各种各样的阴影投影效果,一般我们会使用CSS3的相关属性来设置网页元素的投影效果,但是要设置各种不同的投影,CSS3中的属性比较复杂,比较难搞清楚。今天要介绍这款jQuery阴影插件,可以让你不用记住CSS3属性就可以方便地设置元素的阴影,利用这款jQuery插件基本可以满足日常开发中的各种阴影效果。

jquery-shadow-plugin

在线演示源码下载

超可爱的纯CSS3滑动开关按钮

这次要为大家介绍一组相当可爱的CSS3滑动开关按钮,与这款纯CSS3 3D左右滑动开关按钮纯CSS3实现滑杆开关切换按钮动画实现方式类似,都是通过CSS3将原有的checkbox样式替换成自定义的样式。这款CSS3滑动开关按钮可以定义不同的颜色,非常不错。

pure-css3-switch-button

在线演示源码下载