分类目录归档:jQuery表单插件

jQuery/CSS3带阴影的3D进度条插件

这是一款非常炫酷的jQuery/CSS3进度条插件,这款进度条插件的特点是带有阴影,外观看起来有着3D立体的视觉效果。另外进度条实体部分可以利用CSS3相关特性绘制任意效果的填充物,可以是渐变颜色,也可以是网格形状,同时我们可以动态设置进度条的当前值。

jquery-css3-3d-progress-bar

在线演示源码下载

jQuery/CSS3超炫酷动画登录表单

很早以前,我们为大家分享过不少外观和功能都非常不错的jQuery登录表单,有些登录表单应用了CSS3特性添加了更绚丽的动画特效,比如这款精美的CSS3登录注册切换表单就相当华丽。今天要分享的这款动画登录表单也非常不错,输入框中带有小图标,可随着焦点的获取和失去是现实和隐藏,点击登录时会有一段自定义的登录动画,并最后提示登录成功。

jquery-css3-animated-login

在线演示源码下载

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

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

jquery-ui-slider

在线演示源码下载

jQuery表头固定和自定义滚动条的表格美化

这次我们要来分享一些关于网页表格数据展示优化的jQuery插件,首先表格的表头是固定的,当数据行比较多时,向下拖动表格行时,也可以清楚地知道每一列数据的意义。其次表格的滚动条时经过美化过的,重写了浏览器自带的滚动条样式,这样让整个数据表格显得更加美观。

jquery-fixed-header-table

在线演示源码下载

jQuery五彩火焰背景的3D进度条插件

基于jQuery和CSS3的进度条插件五花八门,非常繁多,我们之前也介绍过一些,像超富创意的CSS3飞机跑道进度条动画在外观上就非常有创意,像CSS3发光进度条动还可以自定义控制进度条的百分比。今天我们再要介绍另外一款基于jQuery的五彩火焰背景3D进度条插件,它的背景就像燃烧的火焰一样,而且也有多种颜色选择,进度条整体看上去有3D立体的视觉效果。

jquery-sparkle-3d-progressbar

在线演示源码下载

基于Vue.js的Markdown编辑器 可实时预览效果

Vue.js是一款不错的渐进式JavaScript框架,这次我们要分享的正是一款基于Vue.js的Markdown编辑器,Markdown编辑器作为一款时下非常流行的网页轻量级编辑器,有许多中实现方式,也有不少插件,这款Markdown编辑器能够实现最基本的编辑语法,同时可以实时预览内容效果。

vue-js-markdown-editor

在线演示源码下载

jQuery密码强度插件 4种漂亮的强度提示外观

很早以前,我们为大家分享过一款基于jQuery和CSS3的带密码强度登录插件,它的外观非常富有创意。今天我们要再分享一款基于jQuery的密码强度检查插件,它有4种漂亮的强度提示外观,整体上看非常清新简洁而又大气,然而这款密码强度插件可以非常方便地集成到你的表单中。

jquery-password-strong

在线演示源码下载

jQuery省市区县多级联动下拉框 带下拉项搜索

这次我们要给大家分享一款非常实用的jQuery多级联动下拉框插件,我们在写后台表单的前端代码时,经常会遇到省市区县多级联动的地区选择功能,这个功能无论是地区数据的结构化还是对地区数据的筛选都是非常困难的,这个jQuery省市区县多级联动下拉框插件很好地解决了这个问题,我们只需要简单的配置一下插件即可,更方便的是,这款插件可以实现下拉项的拼音搜索和全字搜索。

jquery-area-selector-search

在线演示源码下载

超炫酷的30个jQuery按钮悬停动画

按钮插件是最常见的jQuery插件之一,因为它用途广泛,而且配置起来最为方便。今天我们要分享的是30个超炫酷的jQuery悬停按钮动画,当我们将鼠标滑过按钮时,按钮的背景就会播放不同的动画特效。这款jQuery按钮插件的使用方法也很简单,给按钮指定一个类,然后用一行JS代码初始化即可。

jquery-button-hover-animation

在线演示源码下载

超绚丽的 Bootstrap 水晶样式按钮集合

html5tricks网站开办以来,我们已经为大家分享过很多炫酷实用的按钮插件,有些基于HTML5,有些则是基于jQuery。这次我们要分享一款基于Bootstrap样式的水晶样式按钮,有很多种颜色样式供你选择,外观非常绚丽。你可以选择一个样式应用到自己的网页中。

bootstrap-crystal-buttons

在线演示源码下载