分类目录归档:jQuery插件

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

在线演示源码下载

超实用的jQuery图文结合Tab菜单插件

今天我们要来分享一款非常实用的jQuery Tab菜单切换插件,它可以在商品分组显示中使用,并且是图文结合的,比如各大网上商城的产品推荐等。当我们将鼠标滑过Tab选项卡时,既可以将该Tab的内容激活,是一款非常不错的jQuery插件

jquery-tab-image-text

在线演示源码下载

原生JavaScript找茬游戏 擦亮你的火眼金睛

这是一款基于JavaScript的小游戏,类似以前微信中的找茬游戏,在许多小方块中找出不同的方块,以前是找出不同的色块,这款游戏是找出方块中不同的图案,虽然比找颜色简单一点,但是随着方块数量增加,难度也是随之而来的。

javascript-find-differ

在线演示源码下载

jQuery鼠标拖拽自由分组排序列表

这是一款很实用的jQuery插件,在很多地方我们都可以使用它,它可以允许你使用鼠标拖拽列表项,并将该列表项放入到其他分类列表中,非常方便地实现物品的分类分组,另外你也可以通过拖拽将指定列表项的位置移动从而实现排序功能。

jquery-drag-group-sort

在线演示源码下载

超赞实用的jQuery立体3D焦点图插件

我们在html5tricks中分享最多的jQuery插件要算是焦点图插件了,确实这类的应用也在被广泛地使用。今天要介绍的也是一款很实用的jQuery焦点图插件,它的特点是图片切换时呈现出3D立体的视觉效果,虽然没有炫酷的切换动画,但确实是比较实用的,很多场合都可以使用。

jquery-useful-3d-image-slider

在线演示源码下载