老师,请帮忙看一下

来源:2-7 编程练习

mokongh

2019-03-17 10:00:57

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>习题</title>
    <style>
    </style>
</head>

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script>
    //此处写代码
    $(document).ready(function(){
        // $('li').hover(function(){
        //     $(this).css({'font-size':'2em','color':'red'});
        // },function(){
        //     $(this).css({'font-size':'1em','color':'#000'});
        // })
        $('li').mouseenter(function(){
            $(this).css({'font-size':'2em','color':'red'});
        })
        $('li').mouseleave(function(){
            $(this).css({'font-size':'1em','color':'#000'});
        })
    })
    </script>
</body>

</html>


写回答

1回答

好帮手慕夭夭

2019-03-17

你好同学 ,效果实现的很不错 ,继续加油 , 祝学习愉快 !

0

0 学习 · 36712 问题

查看课程