蓝色自定义表单使用说明:
蓝色自定义表单整体html:
<div class="sel-blue">
<input type="text" name="text" class="sel-bt" />
<div class="sel_bs" onclick="sel_bs(this)" onmouseleave="sel_bs_out(this)">
<span class="text">SearchResults0</span>
<span class="button"></span>
<div class="select">
<a onclick="sel_bsa(this)">SearchResults1</a>
<a onclick="sel_bsa(this)">SearchResults2</a>
<a onclick="sel_bsa(this)">SearchResults3</a>
<a onclick="sel_bsa(this)">SearchResults4</a>
<a onclick="sel_bsa(this)">SearchResults5</a>
<a onclick="sel_bsa(this)">SearchResults6</a>
<a onclick="sel_bsa(this)">SearchResults7</a>
<a onclick="sel_bsa(this)">SearchResults8</a>
</div>
<select>
<option>SearchResults0</option>
</select>
</div>
复选、单选插件调用方法:
复选:
html:
<label dataCheckBox="trueBlue"><input type="checkbox" name="1" checked="checked" />复选一</label>
js:
$('[dataCheckBox="trueBlue"]').checkBox({color:'blue'}); //datacheckBox="trueBlue" 可自定义
单选:
html:
<label dataRadio="trueBlue"><input type="radio" name="1" checked="checked" />单选一</label>
js:
$('[dataRadio="trueBlue"]').radio({color:'blue'}); //dataRadio="trueBlue" 可自定义
注:
红色为需要添加的样式
蓝色为需要添加的js
上面为蓝色自定义表单的html
如需换成绿色,样式更改为下:
sel-blue改为sel-green
如需换成渐变蓝色,样式更改为下:
sel-blue改为sel-gblue