高亮显示鼠标滑过变色

最新推荐文章于 2022-10-13 21:28:09 发布

Gemini_骑士

最新推荐文章于 2022-10-13 21:28:09 发布

阅读量241

点赞数

本文链接：https://blog.csdn.net/qq_39923392/article/details/78610112

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/jquery-1.11.1.min.js"></script>
        <script>
            $(document).ready(function(){
                $("li:odd").css("background","deepskyblue");
                $("li:even").css("background","yellow");
                var clo ="";
                $("li").mouseenter(function(){
                    clo = $(this).css("background");
                    $(this).css("background","darkred")
                });

                $("li").mouseleave(function(){
                    $(this).css("background",clo)
                });
            })
        </script>
    </head>
    <body>
        <ul>

            <li>美丽心情从花钱开始</li>
            <li>美丽心情从花钱开始</li>
            <li>美丽心情从花钱开始</li>
            <li>美丽心情从花钱开始</li>
            <li>美丽心情从花钱开始</li>
        </ul>

    </body>
</html>