在以下浏览器下测试：火狐、IE7、IE8、谷歌浏览器。(IE6，算了。)其他浏览器还没试过。目前刚添加了四个皮肤，添加新皮肤非常方便。可以参考已经添加的皮肤图片和css代码，相信很快就能搞定。效果截图：1。不使用LazyForm在XP下运行截图如下。

二、使用LazyForm的蓝色效果如下。

三、使用LazyForm的效果如下。

第四，皮肤默认。

动词（verb的缩写）皮肤灰。

demo.html代码如下：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title demo-lazy form/title script type=' text/JAVAScript ' src=' http : js/jquery。量滴js '/脚本类型=' text/JavaScript ' src=' http : js/lazy form。js '/脚本链接类型=' text/CSS ' rel='样式表href=' CSS/blue/lazyform。CSS ' id=' lazyFormSkin '/style='线高： 20px}/style script type=' text/JavaScript ' $(function(){ $(' # form 1 ').submit(function(){ var skin=$(' # ddlSkin options : selected ').val()；$('#lazyFormSkin ').attr('href '，' CSS/' skin '/lazyform。CSS ')；皮肤='Skin: '皮肤；var gender='Gender: ' $('输入[name=gender]:checked ').val()；var gender 2=' gender 2: ' $('输入[name=gender 2]:已选中').val()；var hobby=' hobby : '($(' # cbxBaskball ').是(' :checked ')？$('#cbxBaskball ').val()' ' ' : ' ')($(' # cbxFootball ').是(' :checked ')？$('#cbxFootball ').val()' ' : ' ')($(' # CBXWimming ').是(' :checked ')？$(' # CBXWimming ').val()' ' : ' ')；var hobby 2=' hobby 2: '($(' # cbxbaskball 2 ').是(' :checked ')？$('#cbxBaskball2 ').val()' ' ' : ' ')($(' # cbx football 2 ').是(' :checked ')？$('#cbxFootball2 ').val()" " : " ")($(" # cbxswimming 2 ").是(' :checked ')？$(' # CBXWimming2 ').val()' ' : ' ')；var country=' country : ' $(' #选定的DDL国家选项： ').text()；var国家/地区2='国家/地区2: ' $(' # ddlCountry2选项：已选择').text()；$(“# result”).html(skin ' br/' gender ' br/' gender 2 ' br/' hobby ' br/' hobby 2 ' br/' country ' br/' country 2)；返回false })；});/脚本/标题正文表单id='form1 '方法='post '操作='javascript:alert('成功！');'p标签为='皮肤'皮肤：/标签选择id='ddlSkin '选项值='蓝色'蓝色/选项值='黑'黑/选项值='默认'默认/选项值='灰色'灰色/选项/选择/p标签为='性别'性别3360/标签br /输入类型=' radio ' id=' rdomay ' name=' Gender ' value=' maly ' checked=' checked '/maly br/输入类型=' radio ' id=' rdomay ' name='输入类型='checkbox' id='cbxSwimming '值='等待'/等待/p p标签为='爱好'爱好23360/标签输入类型='checkbox' id='cbxBaskball12 '值='Baskball2 '选中='正在检查/baskball 12输入类型=' checkbox ' id=' cbx fob ball 2 '/fob ball 2a输入类型='checkbox' id='cbxSwimming2 '值=“游泳2”选中=' 选项值='中国'中国/选项值='美国2 '所选='所选'美国2/选项值='加拿大2 '加拿大2/选项值='荷兰2 '荷兰2/选项/选项/选择/p输入类型='提交'值='提交/p p id='结果/p/表单/正文/html从代码你就可以看到，LazyForm没有动您的超文本标记语言和钢性铸铁样式一根汗毛。想让挑选变长，设置个长度就可以了。把LazyForm.js去掉，就是您的原样。没有任何改变。

LazyForm源码：复制代码代码如下：(函数($) { /* - LazyForm 1.0版权所有2009年，陈，[emailprotected] - */$ .lazyform=$ .惰性形式| | { }；$.扩展($。lazyform，{ _inputs : null，_ selects: null，init : function(){ _ inputs=$(' input[type=checkbox]，input[type=radio]')；_输入。每个($。懒惰的形式。_ initInput)；_ select=$(“select”)；_选择。每个($。懒惰的形式。_ init select)；$(文档)。单击(function(){ $(' div。选择div。打开').removeClass().下一个(' ul ').hide()；});}，initin put : _ function(){ var $ self=$(this)；var self=这个；var radio=$ self。is(' : radio ')；var id=radio？(自我。键入“self”。名字是自我。id):(自我。键入“self”。id)；var类名=self。类型(自我。检查过了吗？-选中' : ' ');var hover=false var $ span=$(“span/”).attr({ 'id': id，' class': className }).bind('mouseover mouseout '，function() { hover=！悬停；$span.attr('class '，self.type (self.checked？-选中':')(悬停？-悬停' : ' ');}) .bind('click '，function(){ if(radio){ $(' input[name=' self。名称']').每个（函数(){ $(' # ' self。键入“self”。名字-这个。身份证).attr('class '，self。类型)；})}自我。单击()；$span.attr('class '，self.type (self.checked？-选中' : ' ');});$self.addClass('隐藏')。之前($ span)；}，_$openSelect: null，_ initSelect: function(){ var $ self=$(this)；var self=这个；var selectWidth=$ self。宽度()；var selectUlWidth=$ self。width()-2；var $select=$('div /').attr('id '，' select-' self.id).宽度（选择宽度)。添加CLaSS(' select ')；var $selectItem=$('div /').追加(“span/”)；var $ selectItemText=$ selectitem。儿童(' span ')；var $selectUl=$('ul /').宽度（选择宽度)。hide()；var $ SelectLi=nullvar $ HeaLTH LI=null；$self.children().每个（函数(){ var $tempLi=$('li /').追加(这个。文本)；如果(这个。选中){ $ TempLi。addClass(')悬停');$ selectitemtext。正文(这个。文本)；$ SelectLi=$ TempLi $ HeaLTH Li=$ TempLi；} $ Selectul。追加($ TempLi)；$tempLi .bind('mouseover '，function(){ $ HeaLTH Li。移除类()；$tempLi.addClass('悬停');$ HeaLTH Li=$ TempLi}) .bind('click '，function() { $self.children().每一个（函数(){ if($ HeaLTH LI this。text==$ HeaLTH LI。text()){ $ TempLI。添加类(“悬停”)；this . selected=true $ SelectLi=$ TempLi $ HeaLTH Li=$ TempLi；} });$ selectitem。移除类()；$ selectitemtext。文本($ selectli。text())；$ Selectul。hide()；});});$ Selectitem。点击(函数(e){ if($)。懒惰的形式。_ $ OpenSelect $。懒惰的形式。_ $ OpenSelect！=$ select){ $(' # ' $。懒惰的形式。_ $ OpenSelect。attr(' id ')' div。打开').removeClass().下一个(' ul ').hide()；} $ .懒惰的形式。_ $ OpenSelect=$ select$ selectitem。toggle class(' open ')；if($ selectitem。attr(' class ')==' open '){ if($悬停李！=$ SelectLi){ $ HeavLi。移除类()；$selectLi.attr('class '，' hover ')；$悬停=$选择李；} $ Selectul。show()；} else { $ Selectul。hide()；} e . stopperpagation()；});$ select。追加($ SelectItem)；$ select。追加($ Selectul)；$self.hide().在($select)之前；} });$(文档)。ready(function(){ $)。懒虫。init()；});})(jQuery)；代码打包下载