JS判断URL,确定菜单样式 - 边走边睡
[2010-05]
化学学院子站学生科。突然想到试着用JS判断id值来固定菜单样式。就试着去写了。
$(function(){ var Param=window.location.href.split('?')[1]; var Uid;var aq=Param.indexOf('&'); if(aq<0) { Uid=Param.substring(4);} else { var Psd=Param.split('&')[0]; Uid=Psd.substring(4);} var _NaN=/^\d{1,5}$/; if(!_NaN.exec(Uid)) { alert("参数错误!");history.go(-1);}; $(".L_l_list_rp li").addClass("l_m_out"); $(".L_l_list_rp li").find("a").each(function(e){ var lid=$(this).attr("href").substring(5); if(lid==Uid) { $(".L_l_list_rp li:eq("+e+")").removeClass("l_m_out").addClass("l_m_on")} }); $(".L_l_list_rp li").each(function(){ if($(this).hasClass("l_m_out")) { $(this).hover(function(){ $(this).removeClass("l_m_out").addClass("l_m_on")}, function(){ $(this).removeClass("l_m_on").addClass("l_m_out")}) }}); $(".L_l_list_rp li").click(function(){ var href=$(this).find("a").attr("href");location.href=href;} ) });
以下是html
<div class="L_l_list_rp"> <ul> <li><a href="List.aspx?Uid=151">就业动态</a></li> <li><a href="List.aspx?Uid=152">招聘信息</a></li> <li><a href="List.aspx?Uid=154">政策文件</a></li> <li><a href="List.aspx?Uid=155">就业指导</a></li> </ul> </div>