有没有更好的实现方法
来源：2-5 编程练习
为爱修行
2019-03-21 02:52:31
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul{
cursor:pointer;
}
</style>
</head>
<body>
<ul id="menu">
<li>Web前端攻城狮</li>
<li>前端小白入门</li>
<li>前端进阶：响应式开发与常用框架</li>
<li>HTML5与CSS3实现动态网页</li>
<li>HTML5&CSS3进阶与常用框架</li>
<li>JavaScript基础入门</li>
<li>进击JavaScript核心</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
var list=$('#menu > li');
list.on('click',function(event) {
list.css('background-color','');
$(this).css('background-color','yellow')
.prev().css('background-color','blue');
$(this).next().css('background-color','red');
});
</script>
</body>
</html>写回答
1回答
-
同学你好，实现很好，这个方法就挺好的哦，不过由于代码的灵活性，实现效果的方式不是唯一的，也可以在问答区，参考下其他同学的实现方式哦，例：
继续加油！祝学习愉快！
0
相似问题