jQuery实现简单导航栏的样式切换


style css样式部分:

ul

ul>li
.active,ul>li:hover
html部分:

<ul>
<li>首页</li><li>关于我们</li><li>产品中心</li><li>新闻中心</li><li>关于我们</li>
</ul>
方法一:jkys120/article/95498/

$li = $('ul>li');
// console.log($li);
$li.bind('click',function());jkys120/article/95498/


方法二:(原生Js)

for(let i = 0 ;i < navs.length; i++)
activedNavlassName = '';
thislassName = 'active';
}
}



上一篇:zblog常用到的几个标签介绍

下一篇:伪静态规则写法RewriteRule-htaccess详细语法使用


jq导航栏
Copyright © 2002-2019 k262电脑网 www.k262.cn 皖ICP备2020016292号
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!QQ:251442993 热门搜索 网站地图