老师,请帮忙看下

来源:2-5 编程练习

Grayson_liu

2020-04-23 19:35:01

<!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>
     /*此处写代码*/
     $(document).ready(function(){
         $("#menu li").on('click', function(){
             $("#menu li").css('background', 'none');
             $(this).css('background', 'yellow');
             $(this).next().css('background','red');
             $(this).prev().css('background','blue');
         })
     })
    </script>
</body>
</html>


写回答

1回答

好帮手慕慕子

2020-04-24

同学你好,代码是正确的,继续加油。祝学习愉快~

0

0 学习 · 6815 问题

查看课程