JavaScript满天星导航栏实现方法
2018-03-08 21:11:49文章来源:点点软件园热度:0
分享一个满天星导航栏的效果,代码不多,但效果挺好看。更多最新IT资讯尽在金顺软件园http://www.jinshun168.com/
解释
实现这个效果,需要掌握的知识不用很多,知道简单的CSS,会用JS 获取元素, 能绑定事件基本就足够了。
好的,我们直接来看代码,注释已经写的很详细了,不想看有注释的,点这里点击预览。
注意:如果需要修改样式,不要把 nav元素 和 nav 里面的 li元素,给定位了,因为最后线的位置是根据 a元素的 offsetHeight 和 offsetLeft 定位的,如果 nav元素 和 nav 里面的 li元素 定位了,会改变 a元素的offsetParent元素,位置就不对了。
金顺软件园小编推荐:
以上,就是金顺软件园小编给大家带来的JavaScript满天星导航栏实现方法全部内容,希望对大家有所帮助!
编辑:董小姐