jquery URL参数判断,确定菜单样式_jquery

复制代码 代码如下:

$(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;
})
})

时间: 2024-09-14 13:15:08

jquery URL参数判断,确定菜单样式_jquery的相关文章

通过jquery 获取URL参数并进行转码_jquery

jquery 获取URL参数并转码,首先构造一个含有目标参数的正则表达式对象,匹配目标参数并返回参数值 代码如下: <script type="text/javascript"> $(document).ready(function(){ var pic_url=getUrlParam("picture"); $("#childpic").attr("src",pic_url); var content=getUr

jQuery+CSS实现简单切换菜单示例_jquery

本文实例讲述了jQuery+CSS实现简单切换菜单的方法.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标

jQuery实现简洁的导航菜单效果_jquery

本文实例讲述了JavaScript实现的伸展收缩型菜单代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 鼠标悬浮时菜单项向上移动成蓝底白字,点击之后底部会有蓝条表示当前选中项. 页面代码,菜单的每一项都是一个 div ,其中包括一个 ul 用来放置显示文字等,另一个 div 则是底部的蓝条,需要给第一项和最后一项设置不同的 class ,样式需要用到: <div id="nav"> <div class="navItem indexNavItem&

基于jQuery实现简单的折叠菜单效果_jquery

本文实例讲述了JQuery实现简单的折叠菜单效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: Html代码如下: <div class="box"> <p>菜单一</p> <ul> <li><a>1111</a></li> <li><a>1111</a></li> <li><a>1111</a>

jquery实现简单Tab切换菜单效果_jquery

本文实例为大家分享了jquery Tab切换菜单的实现代码,供大家参考,具体内容如下 实现tab切换的主要html代码:    <div class="container"> <ul class="tabs"> <li class="active"><a href="#tab1">导航菜单</a></li> <li><a href=&qu

jQuery插件实现多级联动菜单效果_jquery

开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页面都有引用jQuery,,开发个jQuery联动菜单插件,说动手就动手,下面跟大家分享分享. 我用的jQuery插件方式 (function($){ $.fn.casmenu=function(argvs){ //your code } })(jQuery); 其中jQuery传入的是jquery对象,需

jQuery zTree加载树形菜单功能_jquery

由于项目中需要设计树形菜单功能,于是百度找相关资料,发现zTree方面的资料不少,觉得挺不错,而且zTree官方也有API文档,介绍的非常详细,经过一番捣腾之后,终于给弄出来了,所以便记下来,也算是学习zTree的一个总结吧. zTree的介绍: 1.zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 2.zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 3.采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本

jQuery 实现侧边浮动导航菜单效果_jquery

单页面网页内容较多,页面长度较大,需要方便快速的在页面的不同位置进行定位,所以浮动菜单逐渐流行了起来,如下图 男装.女装.美妆等. 这种菜单功能分为两部分: 1.点击菜单项,网页滚动到对应位置,可简单通过锚点实现: 2.滚动页面的时候,菜单项的选中状态要跟着改变,这就需要监听网页的滚动事件并通过一点计算来实现了: 计算 scrollTop 和 各个 div 的 offsetTop 的大小关系,判断现在网页显示的位置在什么地方,再根据计算的结果给对应的菜单项添加样式.比如第二个 div 的 off

jQuery实现二级下拉菜单效果_jquery

大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用.前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单. 使用JQuery实现需要用到的知识有:        1)使用$(function(){...})获取到想要作用的HTML元素.        2)通过使用children()方法寻找子元素.        3)通过使用show()方法来显示HTML元素.        4)通过使用hide()方法来隐藏HTML元素.        5