分类目录归档:jQuery插件

jQuery/CSS3波浪形弹性下拉菜单

还记得以前分享过一款HTML5/CSS3 3D下拉折叠菜单吗?波浪形的折叠效果的确让菜单的外观增添了不少色彩。这次我们要分享一款基于jQuery和CSS3的波浪形弹性下拉菜单,主菜单项的外观呈现出波浪形的线条样式,鼠标滑过菜单项时可以展开子菜单,展开时产生弹性的动画效果。

jquery-css3-wave-drop-menu

在线演示源码下载

jQuery简易时尚的圆形展开菜单

今天要给大家介绍一款相当个性化的jQuery菜单,菜单是圆形展开的样式,菜单收拢时只显示一个小按钮图标,当点击按钮时,菜单项即可展开并显示在小按钮四周的圆环上,每一个菜单项也是一个简易时尚的小图标,也比较实用。类似的菜单还有以前我们分享过的HTML5/CSS3超酷环形动画菜单

jquery-radial-menu

在线演示源码下载

漂亮的jQuery UI水平滑杆 滑杆数值实时更新

这是一款外观非常漂亮的jQuery UI水平滑杆插件,因为是基于jQuery UI的,所以从样式上来说,这款jQuery滑杆插件显得格外美观。另外还有一个最大的特点是,它在滑动的时候,滑杆的数值可以实时更新,并且有一个齿轮状的图标跟着移动。

jquery-ui-slider

在线演示源码下载

jQuery多图块批量切换焦点图插件

这又是一款比较实用的jQuery焦点图插件,它的特点是内容块切换时并不是逐个切换,而是一组组批量切换,你可以将内容块设置成文字,也可以设置成小图片,应用范围非常广泛。整个焦点图显得比较简易,但还是比较实用的。

jquery-mult-block-slider

在线演示源码下载

jQuery滑块动画菜单 点击带发光动画

之前我们分享过很多功能和外观都不同的jQuery菜单和CSS3菜单,比如最近介绍的个性化jQuery/CSS3气泡圆形菜单,也比如以前分享的CSS3 3D动画菜单 4种颜色主题也非常不错。今天要分享的是一款基于jQuery的滑块动画菜单,点击菜单项时下面会有一个线条随之滑动,并且菜单项会出现发光的动画特效。

jquery-slider-menu-shining

在线演示源码下载

jQuery模拟iPhone X的Notch下拉滚动条菜单

iPhone X刚发布不久,今天我们要分享一个基于jQuery的Notch下拉滚动菜单,当我们滚动鼠标滚轮时,菜单也随机会跟着上下滚动,与一般滚动条不同的是,每次菜单滚动时,菜单内容会自动缩进,就像是流体从突出的墙面流过一样,效果非常不错。

jquery-iphone-x-notch

在线演示源码下载

简易实用的jQuery自动播放焦点图插件

这次我们要为大家分享一款很实用的jQuery焦点图插件,它并没有非常华丽的切换动画,仅仅是简单的左右滑入滑出动画。也正是它的简单,这款jQuery焦点图插件的使用也就非常方便,我们只需要引入脚步库后进行简单的设置即可集成到你的网页中去了。

jquery-easy-auto-image-player

在线演示源码下载

可自定义色块的JavaScript颜色选择器

这是一款基于JavaScript的颜色选择器插件,对于颜色选择器来说,这款插件的功能已经十分完善,我们不仅可以从色谱中选取任意的颜色,而且还可以从自定义色块中快速选取常用的颜色。同时这款颜色选择器还可以输入十六进制值来定位对应的颜色,非常实用。

js-wheel-colorpicker

在线演示源码下载

jQuery/CSS3多种鼠标滑过动画按钮集合

这是一款比较实用而且美观的CSS3按钮组合,它的特点是按钮上实现了多种鼠标滑过的动画特效,比如上下左右滑块动画、百叶窗动画等。而且这款按钮的这些动画实现均采用CSS3,jQuery仅仅在鼠标滑过事件处理上起到一定作用。

css3-hover-animation-button

在线演示源码下载

jQuery实现的二进制数字时钟 一个烧脑的时钟

今天要来分享一款让你脑洞大开的jQuery时钟插件,它的时分秒都是用二进制来表示,绿色表示该位值是1,灰色则表示0。其实实现原理也是很简单,无非是将时钟的时分秒分别实时转换成二进制,然后随着本地时间的更新而实时刷新。试想如果家里的时钟用这样的二进制表示,会不会很烧脑?

jquery-binary-clock

在线演示源码下载