导航:
<li class="current"><a href="/default.jsp" title="首页"><span>首页</span></a></li>
<li><a href="/jsp/business/kssm.jsp" title="考试说明">考试说明</a></li>
<li><a href="/jsp/business/sqks.jsp" title="申请考试"><span>申请考试</span></a></li>
<li><a href="/jsp/business/mnks.jsp" title="模拟考试"><span>模拟考试</span></a></li>
<li ><a href="/jsp/business/rzks.jsp" title="认证考试">认证考试</a></li>
<li><a href="/jsp/business/cjcx.jsp" title="成绩查询"><span>成绩查询</span></a></li>
鼠标点击一个超链接 li给里面一个class="current" 样式 ,之前那个删除掉!
<li class="current"><a href="/default.jsp" title="首页"><span>首页</span></a></li>
<li><a href="/jsp/business/kssm.jsp" title="考试说明">考试说明</a></li>
<li><a href="/jsp/business/sqks.jsp" title="申请考试"><span>申请考试</span></a></li>
<li><a href="/jsp/business/mnks.jsp" title="模拟考试"><span>模拟考试</span></a></li>
<li ><a href="/jsp/business/rzks.jsp" title="认证考试">认证考试</a></li>
<li><a href="/jsp/business/cjcx.jsp" title="成绩查询"><span>成绩查询</span></a></li>
鼠标点击一个超链接 li给里面一个class="current" 样式 ,之前那个删除掉!
var lis = document.getElementsByTagName("li");
for(var i = 0; i < lis.length; i++) {
lis[i].onclick = function() {
this.class == (this.class&&this.class=="current") ? "" : "current";
};
}//possible楼主的代码中有个问题,那就是会打开新的页面,而这个时候就不能保存样式了 对嘛
<li ><a href="/default.jsp" title="首页"><span>首页</span></a></li>
<li><a href="/jsp/business/kssm.jsp" title="考试说明" onclick="this.parentNode.className='current';return false;">考试说明</a></li>
<li><a href="/jsp/business/sqks.jsp" title="申请考试" onclick="this.parentNode.className='current';return false;"><span>申请考试</span></a></li>
<li><a href="/jsp/business/mnks.jsp" title="模拟考试" onclick="this.parentNode.className='current';return false;"><span>模拟考试</span></a></li>
<li ><a href="/jsp/business/rzks.jsp" title="认证考试" onclick="this.parentNode.className='current';return false;">认证考试</a></li>
<li><a href="/jsp/business/cjcx.jsp" title="成绩查询" onclick="this.parentNode.className='current';return false;"><span>成绩查询</span></a></li>
return false去掉!
之后没有任何反应了 我这个类似导航其他页面都是引用的这个页面 所以跳转到别的页面的时候 也要他调用这个样式
<li><a href="/jsp/business/kssm.jsp" title="考试说明" onclick="this.parentNode.className='current';">考试说明</a></li>
<li><a href="/jsp/business/sqks.jsp" title="申请考试" onclick="this.parentNode.className='current';"><span>申请考试</span></a></li>
<li><a href="/jsp/business/mnks.jsp" title="模拟考试" onclick="this.parentNode.className='current';"><span>模拟考试</span></a></li>
<li ><a href="/jsp/business/rzks.jsp" title="认证考试" onclick="this.parentNode.className='current';">认证考试</a></li>
<li><a href="/jsp/business/cjcx.jsp" title="成绩查询" onclick="this.parentNode.className='current';"><span>成绩查询</span></a></li>
复制过去看看
this.class == (this.class&&this.class=="current")
这个地方出错!
<li><a href="/default.jsp" title="首页"><span>首页</span></a></li>
<li><a href="/jsp/business/kssm.jsp" title="考试说明">考试说明</a></li>
<li><a href="/jsp/business/sqks.jsp" title="申请考试"><span>申请考试</span></a></li>
<li><a href="/jsp/business/mnks.jsp" title="模拟考试"><span>模拟考试</span></a></li>
<li ><a href="/jsp/business/rzks.jsp" title="认证考试">认证考试</a></li>
<li><a href="/jsp/business/cjcx.jsp" title="成绩查询"><span>成绩查询</span></a></li>
</div>
<script>
(function(){
var div_menu = document.getElementById("div_menu");
var aList = div_menu.getElementsByTagName("a");
var url = document.location.href;
var hrefUrl = '';
var index=0;
if(aList ==null || typeof(aList )=='undefined')
{ return;} for(;index < aList.length;index++)
{
hrefUrl = aList[index].href;
hrefUrl = hrefUrl.substr(hrefUrl.lastIndexOf('/')+1);
if(hrefUrl!='' && hrefUrl != '/')
{
if(url.indexOf(hrefUrl) > 0 )
{
break;
}
}
}
if(index < aList.length)
{
aList[index].parentNode.className='current';
}
})();
</script>
你是对的 谢谢各位 有可能是我没说明白 非常感谢
var t = new RegExp(/(\w+?\.jsp)/);
var a = "/jsp/business/kssm.jsp"
var a = a.match(t)[0];
alert(a);
var lis = document.getElementsByTagName("li");
for(var i = 0; i < lis.length; i++) {
lis[i].className="";
if(lis[i].getElementsByTagName("a")[0].href.match(t)[0] == a) {
lis[i].className="current";
}
}
}
</scrip