【jQuery】如何用jQuery实现鼠标移入后改变背景颜色

最新推荐文章于 2023-09-24 13:09:12 发布

花名时礼

最新推荐文章于 2023-09-24 13:09:12 发布

阅读量4.4k

点赞数

分类专栏：前端零碎知识

本文链接：https://blog.csdn.net/tyrant_forever/article/details/107831599

版权

前端零碎知识专栏收录该内容

6 篇文章 0 订阅

订阅专栏

实现效果如图：

jQuery代码实现：

 $(function () {
            var oldColor = "";
            $(".mouse-in-out").mouseover(function () {
                originalColor = $(this).css("background-color");
                $(this).css("background-color","#d9e8fb");
            }).mouseout(function () {
                $(this).css("background-color",originalColor);
            });
        });

注：mouse-in-out 为需要更换背景颜色的区域的class