插件描述：基于jq的自定义单选按钮，可以自己改样式，代码简单，看一下代码就知道怎么改了。
<!--js引入-->
1 2 3 4 5 6 7 | <script src="js/jquery-1.11.1.min.js"></script><script src="js/JQRadio.js"></script><script> $(function() { $("#radio01").JQRadio({}); });</script> |
<!--html代码-->
1 2 3 4 5 6 7 8 | <div class="radio_box" id="radio01"> <!--隐藏表单 radioVal 的值即为选中项li的id值--> <input type="hidden" value="" class="radioVal" name="" /> <ul> <li id="r1" class="selected">单选按钮1</li> <li id="r2">单选按钮2</li> </ul></div><!--css代码--> |
/*单选按钮样式，可以定义想要的样式*/
1 2 3 | .radio_box ul li { background:url(../images/radio_01.png) 5px center no-repeat; /*未选中项的样式*/ padding-left:34px; margin:0 5px; height:34px; line-height:34px; font-size:18px; color:#575757; cursor:default }.radio_box ul li.selected { background:url(../images/radio_02.png) 5px center no-repeat }.radio_box ul li:hover { background-color:#fee7e6; color:#000 } |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 视差滚动在图片滑块中的应用
- 下一个特效： jQuery 滚动投票程序，问卷调查插件