Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场7楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

【前端】js实现简单li点击特效

发布时间:2018-06-11T14:31:24

  每一个网页都有导航栏,那么怎么给导航栏增加点击特效呢

  那么接下来就给大家讲解一个简单的导航栏特效。

  整体思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。

  具体演示如下:

  1.首先需要写一个基本的html页面:

4{ZAPK8@Y88CNCZRYW(CN85.png

  2.然后写css样式

Q~16M7@C6JU$}7I4}WZAFLA.png

  3.写完css样式后,我们就需要写jquery的代码了

在写之前我们需要引入jquery文件,引入完了之后,就可以开始写了

`~13%EXSOXEHO0~}4A`I786.png

完整代码如下

]X@324D{@_QQT7EWDR{7G`N.png

    远近互联前端小华整理发布,希望能对学习技术的你有所帮助


【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447