分类目录归档:jQuery插件

jQuery/CSS3列表按钮删除弹性动画

今天我们要给大家分享一款很特别的jQuery按钮动画,首先按钮以列表的方式垂直或者水平排列。当我们拖动列表项时整个列表将会出现弹性的动画特效。另外,还有一种模式是点击列表的其中一项时,该项会被删除,同时其他列表项也会出现弹性抖动的动画效果。

jquery-css3-delete-animate

在线演示源码下载

jQuery百叶窗动画焦点图插件 个性化图片切换按钮

今天要给大家分享一款非常酷的jQuery百叶窗动画焦点图插件,它的特点是图片切换均采用百叶窗的样式风格,但是通过横向百叶窗和纵向百叶窗的区分,让整个焦点图不显单调。另外这款jQuery焦点图插件的图片切换按钮非常个性化,除了左右切换箭头,还有底部的任意图片切换按钮,其风格都与我们之前介绍的焦点图有很大的区别。

jquery-blind-slider

在线演示源码下载

jQuery Select下拉框美化插件 菜单淡如淡出动画

尽管现在的浏览器更新换代后更加强大,浏览器默认控件也逐渐变得美观起来,特别是Select下拉框,已经不再是以前IE6那样的丑陋了。但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了浏览器默认的Select下拉框样式,而且在下拉菜单展开时还伴随淡如淡出的动画效果,非常不错。当然我们以前也分享过一些类似的插件,可以看看漂亮实用的Select下拉框美化插件Tether,也可以看看这款jQuery 美化界面的下拉框

jquery-select-pretty

在线演示源码下载

jQuery/CSS3 3D Tab菜单选项卡插件

之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件,很多都非常实用,比如这款jQuery五彩Tab选项卡动画,也有些非常炫酷,比如这款CSS3华丽的Tab菜单 带小图标动画。今天我们再分享一款jQuery/CSS3 3D Tab菜单选项卡插件,它的特点是Tab菜单项带有阴影效果,看上去有3D立体的视觉效果,也十分有用。

jquery-css3-3d-tab

在线演示源码下载

jQuery评论打分插件 支持多种打分按钮

很早以前,我们分享过几款不错实用的jQuery评分插件,比如这款jQuery星级评分插件jQuery评分插件 星星和心型两种外观。今天我们要介绍一款更加强大的jQuery评论打分插件,它的特点在于有多组样式的打分按钮可以选择,最厉害的是第一个表情打分按钮,会根据评分自动显示表情状态,非常生动和形象。

jquery-rank-with-button

在线演示源码下载

jQuery/SVG实现Checkbox商品列表选中特效

今天我们要为大家分享一款基于jQuery和SVG的checkbox商品列表选中特效,首先将商品描述按行显示,每行开头有一个checkbox复选框,选中或者取消选中时,复选框的样式会发生变化,这种线条的变化是利用了SVG的路径特性。

jquery-svg-checkbox-checked

在线演示源码下载

jQuery实现Tooltip弹出样式的分享按钮

这是一款比较实用而美观的jQuery分享按钮插件,和前面分享又一波CSS3社会化分享图标 可旋转和悬停一大波CSS3社会化分享图标按钮相比,这款分享按钮并没有提供大量的社交网站的按钮图标,但是它的特点是点击分享按钮时,会以Tooltip弹出框的样式显示分享按钮,并且在弹出时伴随着左右摇晃的动画特效。

jquery-tooltip-share-button

在线演示源码下载

超酷的jQuery带验证登录表单 注册登录可自由切换

今天我们要给大家带来一款非常实用的jQuery登录表单插件,这款jQuery登录表单的特点是可以对一些注册登录时常用的字段类型进行简单的验证,比如电子邮件格式和必填检查。另外还有一个特点是我们可以在同一个页面完整注册或者登录操作,方便用户在不跳转页面的情况下进行注册或者登录。

jquery-login-form-with-valid

在线演示源码下载

jQuery前端验证码插件 支持多种验证方式

目前有很多种形式的网页表单验证码,有相对传统的图片验证码、语音验证码,也有比较智能的云端验证码。今天我们要分享一款基于jQuery的前端验证码插件,这款插件支持大部分形式的验证码方式,有图片文字方式、滑块方式等,当然我们只要将验证码特征值保存在服务器上,就可以实现比较安全的表单提交验证了。

jquery-front-end-verify

在线演示源码下载

精美的jQuery首屏产品展示焦点图插件

这是一款非常精美而简洁的jQuery产品展示焦点图插件,首先图片的切换过渡动画采用淡入淡出的动画特效,其次图片上方左右悬浮两个切换按钮,当鼠标滑过图片时,这两个切换按钮就会显示出来。同时我们也可以点击图片下方的一排按钮切换到任意一张图片。

jquery-product-slider

在线演示源码下载