阅读更多

11顶
0踩

Web前端

原创新闻 9 款实用的 jQuery 表单美化插件

2013-10-16 16:45 by 见习编辑 html5_dev 评论(6) 有16412人浏览
网页表单在网页设计中起着非常重要的作用,浏览器自带的表单样式不仅不美观,而且不同浏览器表单样式又稍有差异。本文主要分享了一些用jQuery和CSS美化过的表单插件,如果你喜欢这些表单,赶紧收藏它们吧。

1、纯CSS3实现自定义美化复选框和单选框

还在为浏览器自带的复选框单选框丑陋而揪心吗?还在为复选框单选框在不同浏览器样式不同而烦恼吗?这款基于CSS3的美化复选框和单选框就可以解决你的问题,随着浏览器的升级,相信CSS3也一定会被大众接受。



在线演示    /    源码下载

2、jQuery/CSS3分步骤注册表单切换动画

分步骤网站注册表单可以更方便更人性化地让用户注册成你的会员,该款jQuery/CSS3分步骤注册表单切换动画有非常漂亮的背景和表单边框阴影,而且在表单切换的时候拥有弹出的动画特效。



在线演示    /    源码下载

3、jQuery城市切换菜单栏插件

这是一款基于jQuery的城市切换插件,这款城市切换插件设计十分简单,它以菜单的形式嵌入页面顶端,展开菜单后即可切换城市。



在线演示    /    源码下载

4、仿Facebook的登录表单

这款网页表单是仿Facebook风格的,CSS3的运用让这款登录表单显得非常亮丽动人。



演示地址    /    源码下载

5、jQuery滑盖式自定义radio选择框按钮

还在嫌弃浏览器自带的radio丑陋外观吗?下面这款jQuery插件可以帮助你实现自定义radio选择框,它可以把radio选择模式改成滑盖模式,是很新颖的一款jQuery表单插件。



在线演示    /    源码下载

6、自定义美化select下拉框

传统的下拉框样式比较普通,无法很好的吸引用户,这款经过自定义美化过的select下拉框就显得更加美观。



在线演示    /    源码下载

7、发光的CSS3登录表单

这框网页表单十分绚丽,在CSS3属性的应用下,表单周围将会有一个变幻的光圈,及其具有立体感和很棒的用户体验。



在线演示    /    源码下载

8、jQuery模拟skype按钮效果

这是一款基于jQuery的模拟skype按钮特效,鼠标移过确认按钮时,会有一行提示文字并且以后勾勾提示你点击,整体很清新。



在线演示    /    源码下载

9、简易的CSS3登录表单

和其他登录表单一样,这款CSS3登录表单也十分简单,但看上去十分清爽和美观,值得收藏。



在线演示    /    源码下载

以上就是9款漂亮而实用的jQuery表单美化插件,部分素材来自网页素材大全网站,感谢阅读!
  • 大小: 7.7 KB
  • 大小: 41.4 KB
  • 大小: 18.5 KB
  • 大小: 19.3 KB
  • 大小: 23.9 KB
  • 大小: 5.4 KB
  • 大小: 13.1 KB
  • 大小: 10 KB
  • 大小: 26.4 KB
来自: 码农网
11
0
评论 共 6 条 请登录后发表评论
6 楼 sky10198866 2013-10-23 17:45
很美观呀。
5 楼 dsjt 2013-10-18 11:51
很漂亮啊。
CSS3 真强大
4 楼 yandong 2013-10-17 17:26
IE 下都不好用呃\\\
3 楼 laber 2013-10-17 16:26
不错,指定学习
2 楼 krystal_0424 2013-10-17 15:09
GOOD!
1 楼 hiskyrisa 2013-10-17 10:06
学习一下,自己项目用得着。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 三本C#经典入门书籍

    C#技术内幕,C#.Net网络核心编程(PDF),C#.NET 开发者手册.pdf

  • 倾情奉献 ebook 网址

    http://www.eastasp.com/zh-cn/main/index.aspx如果你把上边的书都看了,你就会成为高手http://www.fixdown.com/new/new04_1.htm全是免费的,但是都是英文的,如果英文的不行,就惨了这个也不错啊,就是需要积分,不过,我在这儿发现了很多好书http://www.itebook.net/这个我目前认为是最好的,可惜,最近

  • [连接收藏]c sharp 学习的一些网站

    C# Practical Learning: http://www.functionx.com/csharp/ C# code exampleshttp://www.java2s.com/Code/CSharp/CatalogCSharp.htm Learning C# by examples http://www.fincher.org/tips/Languages/csharp.sht...

  • 共享内存(C语言)

    本文将深入探讨C语言中的共享内存技术,介绍其原理、实现方法以及在多进程通信中的应用。通过详细的分析和实例演示,帮助读者掌握共享内存的使用,提高程序间的数据交换效率。

  • C#经典入门书籍推荐(5本)

    本书详细介绍了C#语言本身的语法规范,内容包括.NET框架基础类库的特点及其用法,以及控制台应用、类库、Windows窗体应用、Windows服务、Windows控件、Web窗体应用、Web服务器控件、Web服务、基于远程处理的分布式应用等具体知识体系。同时本书还详细讨论了消息组件、操作进程、网络编程、XML编程等C#中编程的热点问题。随书超值赠送的光盘包括本书实例的源代码。本书实例丰富、内容新颖、实用性强,适用于C#爱好者和C#程序设计人员,并可供对.NET感兴趣的读者参考。

  • C# 学习书籍推荐(步步为营)

    概述 本文只要介绍,C#学习的书籍。 C#入门经典(第8版) C#高级编程(第11版) C#图解教程 第5版(图灵出品) WPF编程宝典:使用C# 2012和.NET 4.5(第4版) C#从入门到精通(第5版) C#项目开发实战入门(全彩版) Visual C#从入门到精通(第9版) C# 7.0本质论[Essential C# 7.0] CLR via C#(第4版) 未完待续。。。 ...

  • C sharp 参考书

    Dot.NET.Patterns.Architecture.Design.And.Process.chm     Csharp WPF sample   http://code.msdn.microsoft.com/wpfsamples http://www.codeproject.com/KB/WPF/wpf2.aspx   visual effect http://www.c...

  • C#提高书籍推荐

    C#网络通信程序设计、C#多线程编程实战(原书第二版)、Effective C#:改善C#代码的50个有效方法(原书第3版)、C#并发编程经典实例、.net设计规范、编写高质量代码:改善C#程序的157个建议。...

  • c#入门基础与精通的各类电子书籍pdf

    电子书链接: 接: https://pan.baidu.com/s/1T2OEgr9ukNXFXy4sNDFAcA  提取  提取码:imp4 c#电子书籍pdf c#入门到精通电子书籍pdf

Global site tag (gtag.js) - Google Analytics