jQuery plugin : jNiceIt 自定义样式 Form 及相关元素

[ 作者:笑傲江湖 发布于:2012年-5月-2日 18:19 星期三  分类:百 宝 箱 ]

  Form 相关元素有Button、Input、Checkbox、Radiobutton、FileUploadInput、Select、List、TextArea。这个jQuery的插件jNiceIt可以让你完全控制你的Form及其相关元素的样式,具体样式就看你能设计成什么样子了。所有样式都通过CSS样式表来定义和控制,同时,本插件支持Fixed和Fluid两种页面流。jNiceIt 自定义样式 Form 及相关元素
插件特点:
  小巧玲珑,使用简便,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演示:
浏览器兼容性:
兼容所有当前新式浏览器。

jQuery_Plugin_jNiceIt.rar
62.81KB

微信支付宝

标签: CSS jQuery HTML 插件 jNiceIt Form Checkbox Radio

评论0 引用0 浏览3690

说点什么:

正文内容:

 




图片博文