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

鼠标移入移出

改变元素的背景颜色

首先；给div标签设置一个基本的样式，

让这个div元素垂直居中。

效果展示:

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

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

效果展示:

为div元素绑定鼠标移入事件，

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

效果展示:

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

为div元素绑定鼠标移出事件，

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

效果展示:

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