jQuery实现点击导航栏使当前栏目背景变色代码示例

  • 内容
  • 评论
  • 相关

很多导航菜单为提高辨识度,会在点击的导航栏施加一些特别的样式。

最为常见的是背景变色效果,下面介绍一下如何利用jQuery实现此效果。

代码实例如下:

当前点击的导航栏设置为指定颜色,其他的导航栏目背景色则恢复原样,下面介绍一下它的实现过程。

一.实现原理:

原理非常简单,为每一个li元素注册click事件处理函数,此函数可以为点击的li添加样式类hover,然后将它的兄弟li元素上添加的hover删除,这样就实现了保证只有一个li元素会被设置为特别背景色。

原创文章,转载请注明: 转载自搞代码

本文链接地址: jQuery实现点击导航栏使当前栏目背景变色代码示例

微信支付二维码

微信 赏一包辣条吧~

支付宝支付二维码

支付宝 赏一听可乐吧~

评论

0条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注