HTML导航栏切换状态

时间：2016-03-17 11:02:53 阅读：434 评论：0 收藏：0 [点我收藏+]

标签：

实现效果：

点击3个对号中任意一个图标切换成小红旗图标并放大1.2倍。

主要知识点：

1.鼠标经过出现小手状态。cursor:pointer

2.取消li标签的默认样式. list-style：none;

3.通过getElementsByTagName()方法获取li标签的元素集合。

4.通过js代码添加样式。

5.浏览器兼容，

-moz代表firefox浏览器私有属性

-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
-o-代表opera浏览器私有属性

------源码------- 技术分享

标签：

原文地址：http://www.cnblogs.com/zuiguangyin/p/5286376.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行