鼠标移入移出改变元素的背景颜色

鼠标移入移出

改变元素的背景颜色

首先;给div标签设置一个基本的样式,

让这个div元素垂直居中。

《鼠标移入移出改变元素的背景颜色》效果展示:

《鼠标移入移出改变元素的背景颜色》

然后在script标签里面获取元素div

将获取到的div赋值给div,然后输出到控制台。

《鼠标移入移出改变元素的背景颜色》

效果展示:

《鼠标移入移出改变元素的背景颜色》

div元素绑定鼠标移入事件,

鼠标移入时div的背景色变为粉色。

《鼠标移入移出改变元素的背景颜色》

效果展示:

当我鼠标移入是div元素的背景颜色变为了粉色

《鼠标移入移出改变元素的背景颜色》

div元素绑定鼠标移出事件,

鼠标移出时div的背景色变为天蓝色

《鼠标移入移出改变元素的背景颜色》

效果展示:

《鼠标移入移出改变元素的背景颜色》

《鼠标移入移出改变元素的背景颜色》

以上就是鼠标移入移出改变元素的背景颜色的代码了

    原文作者:CWHcwh123456
    原文地址: https://blog.csdn.net/CWHcwh123456/article/details/123782162
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞