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>

posted @ 2010-05-31 23:05  边走边睡  阅读(672)  评论(0编辑  收藏  举报