菜鸟求教：请问类似这种在淘宝上很常见的选择框是怎样做出来的，能不能只是单选。谢谢真的谢谢

[gduofs]

这个样子。但不是在淘宝上弄出来。是说在别的网页怎样做出类似的按钮

谢谢谢谢

[slwsss]

<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
  <style>a{text-decoration:none;padding:5px;border:1px solid #ccc;margin-left:5px;color:#000;}
a:active,a.active{border-color:red;color:red;}</style>
  <a href="#">fdfdf</a><a href="#">fdfdf</a><a href="#">fdfdf</a><a href="#">fdfdf</a><a href="#">fdfdf</a>
  <script>$('a').click(function(){$('a').removeClass('active');$(this).addClass('active')})</script>

[gduofs]

请问这个是什么意思 <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script> 谢谢

[slwsss]

http://www.w3school.com.cn/tags/tag_script.asp

引用 2 楼 gduofs 的回复:

[gduofs]

引用 3 楼 slwsss 的回复:

http://www.w3school.com.cn/tags/tag_script.asp

引用 2 楼 gduofs 的回复:

其实我不明白为什么要引用这个js 不加这个那点一下那个边框又变回本来那样了

[弘毅致远]

楼主先看看基本的css，js，和html的书。

[nokia_panda]

<style>a{padding:text-decoration:none;padding:5px;border:1px solid #ccc;margin-left:5px;color:#000;font-size:12px;text-decoration:none;}.active,a:hover{border:2px solid #f00;padding:4px;}</style>
<a href="#" class="active">孜然</a>
<a href="#">泡椒</a>
<a href="#">烧烤</a>
<a href="#">香辣</a>

贴个对比代码，不引用JS，就不能实现被选中的效果。

[ChanKalam]

引用 2 楼 gduofs 的回复:

请问这个是什么意思 <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script> 谢谢

引用jquery库..http://www.w3school.com.cn/jquerymobile/index.asp

[ChanKalam]

引用 7 楼 qq_16097601 的回复:

[quote=引用 2 楼 gduofs 的回复:] 请问这个是什么意思 <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script> 谢谢

引用jquery库..http://www.w3school.com.cn/jquerymobile/index.asp[/quote] http://www.w3school.com.cn/jquery/index.asp 链接错了 ,应该是这个