11个jQuery表单元素美化插件

简介:

因为浏览器兼容性的原因,表单元素往往是整个网页设计过程中最难以美化的,尤其是单选按钮、下拉选择框和复选框。不过我们可以通过jquery来美化它样。下面为大家推荐11个简单易用的jQurey插件,其中既有干净小巧的按钮,也有独特的iphone风格的棒形按钮切换,相信它们能帮助你打造自己的表单版式。

Fancy checkboxes and radio buttons with CSS

带圆角矩形的Checkbox较传统风格,更显得柔和;同时在鼠标选择处增加了阴影和高亮,增强了控件的质感与美观。

1 300x180 11个jQuery表单元素美化插件

jqTransform

清爽、简约的外观与系统默认的控件外观非常类似,但是带有一定灰度的checked状态配合圆角与阴影,让你的排版更自由、更统一。

2 300x180 11个jQuery表单元素美化插件

FancyForm

Radio Button以醒目的绿色小圆点标识checked状态,而Checkbox则以绿色和红色来标识checked状态,非常特别且美观。

3 300x180 11个jQuery表单元素美化插件

jQuery Checkbox

灵感或许来源自家用电器的开关,仿佛鼠标可以推动控制块一样。非常独特的设计,相信会让你的网页与众不同。

4 300x180 11个jQuery表单元素美化插件

jNice

清新简单的外观,细微处结合了时下流行的一些元素:圆角、醒目的checked状态标识。

5 300x180 11个jQuery表单元素美化插件

NiceForms

颜色清爽,样式简单,非常容易与设计好的网页融为一体。

6 300x180 11个jQuery表单元素美化插件

iPhone-style Checkboxes

iPhone特有的棒形控件风格,清晰的标识出控件的checked状态。或许你也能让自己的设计很“苹果”。

7 300x180 11个jQuery表单元素美化插件

ezMark jQuery Checkbox & Radio Button plugin

这款控件的特点在于Checkbox被选中的状态表示,不闭合的矩形框以及整体红黑的渐变色打造出让人耳目一新的风格。

8 300x180 11个jQuery表单元素美化插件

jQuery Fancy Custom Radio-button and Checkbox

这款控件拥有时下流行的玻璃质感,即美观又低调,试试看,或许你的网页马上令人眼前一亮。

9 300x180 11个jQuery表单元素美化插件

iPhone Style Radio and Checkbox

同样是iPhone风格的控件,不同之处在于色块的切换来标识checked状态。

10 300x180 11个jQuery表单元素美化插件

Create iPhone-style buttons with the iButton jQuery Plug-in

依然是很红的iPhone风格的按钮,渐变的背景色营造出立体的效果。

11 300x180 11个jQuery表单元素美化插件


本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/archive/2011/09/26/2191209.html,如需转载请自行联系原作者

相关文章
|
4月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
45 1
|
11天前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
13 2
|
25天前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
20 6
|
2月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
29 2
|
2月前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
15 1
|
2月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
61 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
2月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
30 0
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
2月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
27 0
|
2月前
|
JavaScript
JQuery——动态添加元素导致点击事件失效
JQuery——动态添加元素导致点击事件失效
29 0