实现一个简单的JS效果

时间:2022-07-25
本文章向大家介绍实现一个简单的JS效果,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

JS中的问题

开发工具与关键技术:javascript 

作者:盘洪源

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

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

一开始

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

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

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

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

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