[HTML] 纯文本查看 复制代码
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
ul,li{
list-style-type: none;
}
li{
width: 100px;
line-height: 40px;
border: 1px solid #ccc;
}
.box_b{
background: #e5e5e5;
}
</style>
</head>
<body>
<ul class="box_list">
<li>苏飞论坛</li>
<li>苏飞论坛</li>
<li>苏飞论坛</li>
<li>苏飞论坛</li>
</ul>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.box_list li').click(function () {
$(this).addClass('box_b').siblings().removeClass('box_b')
});
});
</script>
</body>
</html>
