实现一个简单的JS效果

JS中的问题

开发工具与关键技术：javascript 

作者：盘洪源

撰写时间：2019年1月27日星期六

如何实现导航中的三角符号的方向和颜色的变换。如下图

一开始

在这里插入图片描述

通过鼠标移入事件然后变成

在这里插入图片描述

，一开始我以为只是用一个i标签创建出一个三角符号出来后，然后通过JS来把它的颜色和方向换过，但后来发现并不是这样。直接在原来的i标签的地方在创建多一个i标签创建出一个新的三角符号，然后它的颜色和方向就是你后面需要变化的那些。

在这里插入图片描述

在i标签上面必须加入style=”display:”,哪个是要后面通过鼠标移入事件就先填none先隐藏起来，然后后面再通过JS来实现后面的效果。

首先一开始就是原来的三角符号呈现出来，然后通过鼠标移入事件将原来的隐藏掉，将后面的i表签呈现出来

在这里插入图片描述

后面还要给它加上一个鼠标移出事件，然后和上面的移入事件相反就行，这样一个简单的三角形符号变换就可以实现了。