您的位置:首页 > 其它

导航菜单背景切换效果

2015-11-11 15:38 232 查看
在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用 JQuery 实现的一种方式:
<ul id='nav'>
<li>导航一</li>
<li>导航二</li>
<li>导航三</li>
</ul>


//注意:代码需要修饰完善
$('#nav').click(function(e) {
// 要知道siblings的使用
$(e.target).addClass('tclass').siblings('.tclass').removeClass('tclass');;
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: