鼠标移入移出简单动画

开发工具与关键技术：前端

作者：黄志鹏

撰写时间：2019/2/15

今天我们来介绍一下鼠标移入移出事件，并制定一些简单的动画，下面我们来

简单的布局一下。

代码如下

样式代码如下

浏览器初始输出值如下

接下来我们在javescript中写一下鼠标的移入移出事件。首先我们先获取一下各个元素的ID值。

代码如下

接下来是写它的鼠标移入移出事件，onmouseover代表鼠标移入，onmouseout代表鼠标移出。与此同时鼠标移入或移出不同的类，分别呈现出不同的动画。

代码如下

浏览器输出