<html>
<title>点击选中效果</title>
<script typet="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<hrad>
<style>
a{disabled:block; width:20px; height:20px;}
.on{background:blue}
</style>
</head>
<body>
<div class="sub-menu">
<a href="javascript:void(0);">选我</a>
<a href="javascript:void(0);">选我</a>
<a href="javascript:void(0);">选我</a>
<a href="javascript:void(0);">选我</a>
</div>
<script language="javascript">
$(function(){
$('.sub-menu a').click(function(){
$(this).addClass('on');
$(this).siblings().removeClass('on');
});
})
</script>
</body>
</html>
html里面点击选中效果
网站分享代码
已有 2640 位网友参与，快来吐槽：
发表评论