标签:
1.引用Jquyer库
2.Jquery代码:
<script type="text/javascript"> $(function () { slidColor(‘ddaddresstype‘); slidColor(‘addresstimetype‘); }); function slidColor(id) { $("#"+id).children("a").each(function () { $(this).click(function () { $(this).addClass("on").siblings().removeClass().addClass("tab"); }); }); } </script>
3.html代码
<dd id="ddaddresstype">
<a data-id="1" class="tab" href="javascript:void(0)">家庭地址</a>
<a data-id="2" class="tab on" href="javascript:void(0)">公司地址</a>
<a data-id="3" class="tab" href="javascript:void(0)">其他</a>
</dd>
4.实现的效果截图:
标签:
原文地址:http://www.cnblogs.com/LoveQin/p/5600479.html