右侧Bar
默认 红色 黄色 蓝色 绿色 其他
<a class="btn" href="">默认</a> <a class="btn change" href="javascript:;" data-color="bar-red">红色</a> <a class="btn change" href="javascript:;" data-color="bar-yellow">黄色</a> <a class="btn change" href="javascript:;" data-color="bar-blue">蓝色</a> <a class="btn change" href="javascript:;" data-color="bar-green">绿色</a> <a class="btn change" href="javascript:;" data-color="bar-info">其他</a> <div class="bar"> <ul> <li><a href=""><i class="ui-icon-qq"></i><p>售前咨询</p></a></li> <li><a href=""><i class="ui-icon-qq"></i><p>售后服务</p></a></li> <li><a href=""><i class="ui-icon-user"></i><p>我的会员</p></a></li> <li><a href=""><i class="ui-icon-shopping"></i><p>我的订单</p></a></li> <li><a href=""><i class="ui-icon-heart"></i><p>我的收藏</p></a></li> </ul> <ul> <li><a href=""><i class="ui-icon-edit-square"></i><p>在线留言</p></a></li> <li><a href="javascript:;" class="ui-backtop"><i class="ui-icon-top"></i><p>返回顶部</p></a></li> </ul> </div> <script> $(function() { $(".change").click(function() { var color=$(this).attr("data-color"); $(".bar").addClass(color); }) }) </script>