资讯频道 → Web前端
阅读更多

11顶
0踩

Web前端

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

2013-10-16 16:45 by 见习编辑 html5_dev 评论(6) 有16408人浏览
jquery javascript 插件 表单

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

网页表单在网页设计中起着非常重要的作用，浏览器自带的表单样式不仅不美观，而且不同浏览器表单样式又稍有差异。本文主要分享了一些用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#实现共享内存

    VS2005 C# 共享内存 源代码

  • [连接收藏]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#/.NET/.NET Core推荐学习书籍（24年8月更新）

    古人云：“书中自有黄金屋，书中自有颜如玉”，说明了书籍的重要性。作为程序员，我们需要不断学习以提升自己的核心竞争力。以下是一些优秀的C#/.NET/.NET Core相关学习书籍（包含了等），值得.NET开发者们学习和专研。书籍已分类，欢迎大家PR分享自己觉得不错的C#/.NET/.NET Core宝藏书籍。C#/.NET实习生/中高级/架构岗位内推：https://mp.weixin.qq.com/s/ep8-rXf0DY6l1tseUM-SdQ。

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

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

  • C#必读经典三本书

    《C#本质论》：入门类，目前最新为《C#7.0本质论》 《C# in Depth》：技巧类，目前最新第四版 《CLR via C#》：底层原理类，目前最新第四版

  • 推荐10本C#编程的最佳书籍

    　　C#和.NET非常受全球开发人员的追捧和热爱。书籍是人类进步的阶梯。想要学习C# ？这里有10本学习C#编程的最好书籍在等着你哦。 　　1.《C# 5.0 in a Nutshell》:权威的参考书 　　学习C#的最佳书籍之一。如果你想要获取最新的信息以增长有关C#语言编程的知识，这是最好的选择之一。该书深入浅出地探讨了有关C#语言的知识。不过要想能够充分吸收消化，你需要掌握一些关于C语言...

  • 共享内存 - C#与CoDeSys通讯

    测试环境： 1、CODESYS 3.5.13.0.exe（新建Codesys_ShareMemory项目） 2、Visual Studio2015（新建C#_ShareMemory项目） 一、共享内存概念 1、顾名思义，共享内存就是建立一块供协作进程共享的内存区域，多个进程可以透过此共享区域读取或者写入数据来交换信息； 2、通信示意图： 二、CoDeSys程序 1、添加库文件 · SysShm,3.5.8.0 (System) · SysTypes2 Interfaces,3.5.4.0

  • C#实现线程间数据传输的方式：共享内存，管道，消息队列，事件，委托的详解，优缺点以及实现过程

    C#实现线程间数据传输的方式：共享内存，管道，消息队列，事件，委托的详解，优缺点以及实现过程

  • 推荐几本C#/.NET进阶书籍

    今天大姚给大家推荐7本C#/.NET进阶书籍，希望能帮助到有需要的小伙伴，当然假如你有更好的C#/.NET进阶书籍推荐欢迎文末留言。C#/.NET/.NET Core推荐学习书籍（已分类）

  • 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#书籍中值得推荐的内容

    C#书籍中值得推荐的内容 《Visual C# 从入门到精通》 装箱和拆箱，索引，集合遍历，实现枚举，委托和事件

  • 几本非常好的学习C#学习书籍

    压缩了几本非常好的学习书籍,有C#教程.C#,c＃2008从入门到精通,C#完全手册等几本,相信对大家是有点帮助的!

  • CSharp数据结构(2.0版高清)电子书

    本章首先说明学习数据结构的必要性和本书的目的，然后解释数据结构及其有关概念，接着讨论算法的相关知识，最后简单介绍本书所要用到的相关数学知识和 C#知识。

Global site tag (gtag.js) - Google Analytics