js导航条特效,点击显示当前项样式,默认显示首页的
<style>.navili{float:left;list-style:none;}.navia{padding:5px10px;width:160px;color:#...
<style>.navi li {float:left; list-style:none;}.navi a { padding: 5px 10px; width: 160px; color: #999; background: #ccc; display: inline-block;}.navi a:hover { color: #fff; background: #000; border-bottom:3px solid #f00;}.navi .current {color: #fff; background: #000; border-bottom:3px solid #f00;}</style></head><body><ul class="navi"> <a class="current" href="Untitled-1.html">公司简介</a> <a class="current" href="aaa.html">公司快报</a> <a class="current" href="">人才招聘</a> <a class="current" href="">公约</a></ul><script type="text/javascript" src="meika/jquery-1.9.0.min.js"></script><script type="text/javascript">$(function(){ $(".navi a").click(function(){ $(".current").removeClass("current"); $(this).addClass("current"); return false; })})</script>
这个加上return false;不让链接跳转才能实现,我想在点击链接之后在进入的这个页面也显示
我想实现的就是在不同的页面这个效果依然显示,请指点,谢谢。 展开
这个加上return false;不让链接跳转才能实现,我想在点击链接之后在进入的这个页面也显示
我想实现的就是在不同的页面这个效果依然显示,请指点,谢谢。 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询