每一个网页都有导航栏,那么怎么给导航栏增加点击特效呢
那么接下来就给大家讲解一个简单的导航栏特效。
整体思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。
具体演示如下:
1.首先需要写一个基本的html页面:
2.然后写css样式
3.写完css样式后,我们就需要写jquery的代码了
在写之前我们需要引入jquery文件,引入完了之后,就可以开始写了
完整代码如下
远近互联前端小华整理发布,希望能对学习技术的你有所帮助