分类目录归档:jQuery插件

jQuery自定义黑色单选框和复选框

网页表单的美化一直是各大第三方前端框架中永恒的话题,jQuery也提供了很多自定义单选框和复选框美化的插件,比如之前分享的jQuery/SVG实现Checkbox商品列表选中特效CSS3个性化自定义样式的Radiobox单选框。这次我们介绍的是一款基于jQuery的黑色主题自定义单选框和复选框,在下拉框中你可以输入关键字来过滤选项,这对选项过多的情况下还是挺实用的。

jquery-black-radio-check-box

在线演示源码下载

JS富有创意的卡通滑杆拖动控件

在网页中我们经常会使用一种滑杆控件来选择一定数量范围的内容,比如年龄范围,金额范围等等。之前我们介绍过一个基于HTML5和CSS3的3D滑杆控件,外观上却是比较新颖。这次我们要分享的是另外一款基于纯JavaScript的创意卡通滑杆拖动控件,它的特点是拖动滑杆时会有一个可爱的卡通头像跟着翻转,而我们仅仅用几行简单的JS代码即可实现,非常轻巧,同时你也可以任意替换自己喜欢的卡通动画头像。

js-cartoon-side-bar

在线演示源码下载

纯JavaScript实现3D百叶窗图片切换动画

还记得之前给大家介绍过一款很不错的jQuery百叶窗动画焦点图插件,使用也比较简单。今天给大家带来的是另外一款百叶窗图片切换动画,它并没有使用任何第三方JS框架,而是纯粹用JavaScript和CSS实现,而且这次的百叶窗动画呈现出的是3D立体的视觉效果,应该说比前一款更为优秀。

js-blind-image-player

在线演示源码下载

jQuery响应式侧边栏下拉多级菜单

之前我们给大家分享过很多非常实用的jQuery下拉菜单,比如这款jQuery左侧边栏多级菜单CSS3深色背景的垂直手风琴菜单都非常不错。今天介绍的是一款基于jQuery的响应式侧边栏下拉多级菜单,这款菜单比较适合网站后台管理系统和文章管理页面使用,菜单项可以设置成多层级的,而且菜单栏可以展开详情,也可以收缩只显示缩略图,非常简单和实用。

jquery-responsive-side-menu

在线演示源码下载

jQuery手风琴样式的自动循环图片播放器

之前我们分享过很多款功能和样式各异的手风琴菜单和手风琴图片播放器,大部分是基于jQuery框架的,有部分结合CSS3让播放器样式更加美观,比如这款CSS3全屏大气手风琴图片展示插件。今天给大家带来另外一个基于jQuery的手风琴样式自动循环图片播放器,它可以自动播放图片,并且到最后一张图片时会从头循环播放。

jquery-accordion-auto-image-player

在线演示源码下载

JS实现漂亮的随机密码生成器,可控制密码复杂度

今天给大家分享一个很特别的JS应用,一个在线随机密码生成器,其本质就是一个可以生成随机字符串的工具。它的特点是不仅有一个漂亮的外观,而且可以控制随机密码的复杂度,比如控制字符的大小写、长度以及数字和特殊符号。

js-passwd-generator

在线演示源码下载

jQuery自定义多选下拉框,带搜索过滤

在HTML中,我们可以使用<select>元素,同时设置multiple=”multiple”即可实现下拉框的多选功能。但是浏览器的默认下拉框样式会随着不同版本的浏览器而不同,这个jQuery插件在<select>基础上自定义了样式,这样既统一又美观,这个jQuery自定义多选下拉框插件还提供下拉项搜索功能,当下拉项比较多时还是挺实用的。另外,这个jQuery插件的使用十分简单,页面加载后调用两行初始化代码即可。

jquery-checkbox-list

在线演示源码下载

纯JS实现带二级菜单的图片轮播动画

之前我们分享过很多基于jQuery的图片轮播动画,确实用jQuery插件可以非常方便的实现图片滑块和轮播,但是如果我们在项目中不希望使用任何第三方框架的话,那我们就只能用JS自己编写了,这个图片轮播动画代码是一个很好的案例,它采用纯JS代码实现,并且功能上也比较强大,左侧带有二级菜单栏,还是比较实用的。

pure-js-image-player-menu

在线演示源码下载

jQuery输入框弹出日历时间插件

之前我们分享过很多基于jQuery和CSS3的日期时间选择插件和日历插件,比如这款基于 AngularJS 的日期和时间选择组件CSS3可切换背景颜色的日历控件就非常漂亮和实用。这次分享的是一款基于jQuery的日历时间插件,点击输入框后日历将会弹出,并可以开启时间选择模式选择更具体的时间,也是一款非常实用的jQuery日历插件。

jquery-input-calendar-datetime

在线演示源码下载

纯JavaScript实现简洁的颜色选取器

之前我们分享过几款基于jQuery和CSS3的颜色选取插件,比如这款jQuery实现的一个颜色选择器,可以实时输出RGB值,在比如这款HTML5 CSS3颜色选取并复制十六进制值,他们的特点是都可以将颜色转换成数值。今天介绍的这款就比较简单,它是基于纯JavaScript的,并没有采用庞大的框架,因此颜色选取器非常简洁,使用也十分方便。

javascript-color-picker

在线演示源码下载