jquery仿淘宝,京东手机分类选择
jquery仿淘宝,京东手机分类选择,非常好用
代码已经测试通过。 <style type="text/css"> *{margin:0;padding:0;} body{font-size:12px; background:#FFF;} #waper{ width:950px; margin:0 auto; position:relative; left:50%; margin-left:-475px;} #myForm p{padding:5px; height:26px; } #myForm p a{ display:block; width:24px; height:24px; line-height:24px; text-align:center; border:2px solid #C8C9CD; text-decoration:none; color:#000; font-weight:bold; position:relative;} #myForm p a:hover,#myForm p a.selected{border:2px solid #C30008;} .triangle{background:url(http://img01.taobaocdn.com/tps/i1/T1krl0Xk8zXXXXXXXX-194-382.png) -41px -97px no-repeat; width:12px; height:12px; display:block; font-size:0; position:absolute; bottom:0; right:0;} #myForm input{ vertical-align:bottom;padding:3px;} </style> </head> <body> <div id="waper"> <form id="myForm" action="你要提交的页面url" method="post"> <p><input type="radio" name="option" checked="checked" value="10" /></p> <p><input type="radio" name="option" value="20" /></p> <p><input type="radio" name="option" value="30" /></p> <input type="submit" value="Submit" />: </form> </div>