实现一个简单的JS效果

2020-09-16 11:57:38 浏览数 (1)

JS中的问题

代码语言:javascript复制
开发工具与关键技术:javascript 

作者:盘洪源

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

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

一开始

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

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

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

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

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

0 人点赞