Form 相关元素有Button、Input、Checkbox、Radiobutton、FileUploadInput、Select、List、TextArea。这个jQuery的插件jNiceIt可以让你完全控制你的Form及其相关元素的样式,具体样式就看你能设计成什么样子了。所有样式都通过CSS样式表来定义和控制,同时,本插件支持Fixed和Fluid两种页面流。
插件特点:
小巧玲珑,使用简便,CSS定制您需要的样式,兼容所有当前新式浏览器。
插件使用:
第一步当然是先下载插件包了,包内已经附带了jQuery1.3.2了,把下面的代码放到你的<head>...</head>之间。注意路径不要搞错。
<style type="text/css" media="screen">
@import url("../jniceit.css");
</style>
<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../jniceit.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//class为'.NiceIt'的form会被自定义样式
$('form.NiceIt').NiceIt();
});
</script> 上面第六行代码开始到最后,就是调用jNiceIt插件了,页面中class为NiceIt的form元素将被插件所美化,这个form里所包含的相关控制元素,比如Button、Input、Checkbox、等,都会被从新定义样式,具体样式可以看看css文件里是如何定义的就明白了,你要是自己想DIY一套自己的form样式,可以从css下手。
jNiceIt演示: 浏览器兼容性:
兼容所有当前新式浏览器。