当前位置：首页 > 资讯 > 技术文档

jQuery表单美化插件jqTransform使用详解

时间：2021-12-24 04:24 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery表单美化插件jqTransform使用详解

jQuery Form表单美化插件jqTransform，非常实用的jQuery插件，自动把你整个Form表单进行美化处理，包括SELECT下拉框、文本框、单选、复选框、按钮等，当然不支持input file文件选择框，这个可以参照我们之前的input file选择框美化教程进行改造，在浏览器兼容方面，兼容 ie 6+, safari 2+, firefox 2+，插件还是很不错的，使用起来也很简单，推荐学习和使用。 [img]http://files.jb51.net/file_images/article/201504/201504120953481.png[/img] [b]使用方法： [/b] [b]1.加载jQuery和插件[/b]

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>

2.HTML内容

<form class="jqtransform"> 
<div class="rowElem"> 
<label for="name">Name:</label> 
<input type="text" name="name"/> 
</div> 
<div class="rowElem"><input type="submit" value="send"/></div> 
</form>

3.函数调用

<script type="text/javascript"> 
$(function() { 
    $("form.jqtransform").jqTransform(); 
}); 
</script>

[url=http://www.1sucai.cn/jiaoben/25166.html]插件下载[/url] 以上所述就是本文的全部内容了，希望大家能够喜欢。

全部评论(0)

上一篇：一个用xslt样式将xml解析为xhtml的类TransformBinder（兼容FF和IE7.0）
下一篇：jqTransform form表单美化插件使用方法

资讯排行榜
更多>>