使用JS改变样式

 使用js改变样式

语言释义思路：

我们要实现的页面就是，定义三个li，循环三张灰色图片，当我们未点击图片时，它们是初始颜色（灰色），而当我们移入到图片，显示红色，在没有移入到另一张图片时，它仍然是红色。当移入到另一张，则移入当前图片的图片显示红色，则其他恢复到默认状态（灰色）。

 代码编译思路：

首先因为它要移入，所以要定义三个移入事件onmouseover"";传入函数onmouseover"over()";

定义funcation函数。

使用querySelectorAll，获取所有li，把所有li赋值到lis数组中。

定义能够拿到当前移入时的li，使用target(target 事件属性可返回事件的目标节点（触发该事件的节点）)

拿到当前操作时的li。

当我们拿到了当前操作的li后，接下来实现当我们移入到当前li时显示为红色

使用for循环，在循环中获取lis数组长度。

当图片是默认的时候显示为原始状态（灰色），所以我们先还原图片原色

当for循环循环完图片之后，图片都为（灰色）之后

当我们移入图片，显示红色，且不移入第二张时，就算鼠标不在图片上面，仍旧是红色，只有移入到另一张时，上一个移入的图片变成灰色，且其他两张此时都为灰色。所以这里不牵扯到移出事件。。。

 

整个编程就是这样。。。。心情表示是灰色的，甚至开始怀疑人生。。