箭头图标的切换

1.接下来我们将使用Javascript的方法来实现鼠标移入图标的转变。
首先,想实现的结果是:
箭头图标的切换

实现步骤如下:
箭头图标的切换
2.div是大盒子,a标签则是里面的箭头图标,图标的转换主要通过a标签里面的类的切换来实现图标的变化,主要由两个类来控制图标,他们分别是a1和a2.
箭头图标的切换
注意:这里的箭头主要是由border-color来制作。
3.通过javascript来实现类的切换
箭头图标的切换
4.当鼠标移入的时候将a标签的类切换a2,再当鼠标移出的时候将a标签的类切换成a1就可以实现图标的转换了。
注:内容有参考。