`

JQ当前栏目高亮

 
阅读更多
.menu { margin:0px 0px 25px 0px;list-style:none;}
.menu li { color:#fff; background-color: #f6f6f6;margin-bottom: 1px;}
.menu li a { display:block; height:50px; font:15px/50px \5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Tahoma,Arial; color:#666666; font-size:13px; text-decoration:none;padding-left:35px;background: url(../images/left_li.png) 22px center no-repeat;}
.menu a:hover {color:#41bbfb; background-color:#f1efef;}
.cur { background:#f1efef; font-weight:bold; color:#41bbfb;}
.menu li a.cur {color:#41bbfb;}

 

<ul>
<li ><a href="c.html" title="c">c</a></li>
						 
<li ><a href="b.html" title="b">b</a></li>
						 
<li ><a href="a.html" title="a">a</a></li>
</ul>
<script type="text/javascript">
  var urlstr = location.href;
  //alert((urlstr + '/').indexOf($(this).attr('href')));
  var urlstatus=false;
  $("#menu a").each(function () {
    if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {
      $(this).addClass('cur'); urlstatus = true;
    } else {
      $(this).removeClass('cur');
    }
  });
  if (!urlstatus) {$("#menu a").eq(0).addClass('cur'); }
</script>

 

载入JQ库

分享到:
评论

相关推荐

    JQ 滚动高亮节点插件

    《JQ滚动高亮节点插件详解》 在网页开发中,滚动高亮节点插件是一种常见的交互设计,它能够使用户在滚动页面时,当前可视区域的元素得到特别的视觉强调,提升用户体验。JQ(jQuery)作为一款广泛使用的JavaScript库...

    jquery高亮插件(支持textarea内容高亮)

    **jQuery高亮插件——实现文本高亮与关键词查找** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。在网页开发中,有时我们需要对页面上的特定文本或者关键词进行...

    jquery动态高亮关键字(可同时高亮多个)

    在网页开发中,有时我们需要实现一种功能,即动态地高亮显示页面中的关键字,以帮助用户快速找到他们关心的信息。本教程将深入讲解如何使用jQuery实现动态高亮多个关键字的功能。 首先,我们要明白动态高亮的基本...

    高亮显示的的jquery导航栏.

    "高亮显示的jQuery导航栏"是一种常见的交互式设计技术,它增强了用户体验,使得当前页面对应的菜单项突出显示,给用户明确的反馈。本文将深入探讨如何使用jQuery实现这种效果,以及相关文件的作用。 首先,`jquery....

    jQuery高亮关键词搜索

    在网页开发中,jQuery库因其简洁的语法和强大的功能,被广泛用于实现各种交互效果,其中之一就是“关键词高亮搜索”。jQuery高亮关键词搜索通常应用于搜索引擎或者文本内容展示页面,帮助用户快速定位到他们关心的...

    textarea,textbox高亮关键字

    最近开发的时候做了textarea 高亮关键字,尝试过很多方法,比如用iframe,和编辑器替换,当然这也是一个方法,但是原来是用textbox的内容要达到兼容这两种方法是做不到的,所以这里是使用jquery插件和jquery核心文件搞的...

    JQ 点击跳转固定位置和对应目录的小标题高亮

    本话题将聚焦于“JQ点击跳转固定位置和对应目录的小标题高亮”这一功能,这在网页设计中常常用于实现用户友好的导航体验。我们将探讨如何通过jQuery实现这一效果,以及相关的编程技巧。 首先,让我们理解需求的两个...

    jQuery段落文字内容高亮显示提示-20130712

    本文将深入探讨如何使用jQuery实现段落文字内容的高亮显示提示,以此提升网页用户体验。 首先,我们要了解jQuery的核心概念。jQuery通过一个简洁的语法封装了大量的JavaScript方法,使得开发者可以更高效地进行页面...

    jq6500语音芯片

    jq6500语音芯片是一款广泛应用在电子设备中的声音处理组件,主要负责音频数据的存储、解码和播放。这款芯片以其高效的性能、广泛的兼容性和易于编程的特点,在单片机控制的系统中得到了广泛的应用。 首先,我们来看...

    JQ 最少代码实现当前的星期加时间

    标题中的“JQ”通常指的是JavaScript库jQuery,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。这个标题提到的“最少代码实现当前的星期加时间”,意味着我们要讨论如何使用jQuery来获取当前日期,并显示...

    jQuery jFade 鼠标经过图标高亮显示特效

    摘要:脚本资源,jQuery,jFade,图片渐显  jFade图像特效处理插件,基于jQuery的图片特效,鼠标经过图标高亮显示,也就是图片渐显效果。用jquery制作相册的时候,是一个不错的特效,网上使用挺广泛的。

    jQuery查找关键词文字高亮显示代码

    本示例中的"jQuery查找关键词文字高亮显示代码"是一个实用的功能,用于提升用户体验,特别是在用户进行搜索时。当用户在搜索框中输入关键词后,页面上与关键词匹配的部分会被高亮显示,使得用户能快速定位到相关内容...

    jq安装包rpm.rar

    `jq`是一款强大的命令行JSON处理器,用于在命令行界面中查看、操作和转换JSON数据。这个`jq安装包rpm.rar`是一个包含了`jq`工具的RPM(Red Hat Package Manager)格式的压缩包,主要面向使用Linux发行版如CentOS、...

    jquery hover事件鼠标悬停九宫格图片高亮显示代码

    在JavaScript中,`$(this)`代表当前被悬停的元素,通过`addClass`和`removeClass`方法来切换高亮状态。 现在,我们在CSS中定义`.highlight`类,以便在鼠标悬停时改变图片的外观: ```css .cell { width: calc(100...

    JQ8400-FN/JQ8400-FL语音芯片/模块、应用电路及程序

    《JQ8400-FN/JQ8400-FL语音芯片/模块的应用解析与编程指南》 在嵌入式系统设计中,语音处理技术扮演着重要的角色,为设备提供直观的人机交互方式。JQ8400系列语音芯片就是其中的一款典型代表,适用于多种应用场景,...

    jQuery 图片特效,鼠标经过图标高亮显示

    在这个特定的案例中,“jQuery 图片特效,鼠标经过图标高亮显示”是一种增强用户体验的技术,当用户将鼠标悬停在图标上时,图标会变得更为醒目,吸引用户的注意力并提供视觉反馈。 实现这一效果的基本步骤如下: 1...

    jq 双日历插件

    jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件...

    JQ8900语音模块资料包

    **JQ8900语音模块详解** JQ8900是一款广泛应用在单片机控制领域的高性能语音合成模块,支持多种微控制器如89C52、STM32和Arduino进行接口通信。该模块提供了丰富的功能,包括语音合成、音频格式转换、音量调节以及...

    jquery搜索框输入下拉文字高亮插件

    2. **获取输入值**:在回调函数中,通过`$(this).val()`获取当前输入框的值。 3. **处理下拉列表**:找到所有的下拉选项,例如`$('select option')`或`$('.dropdown li')`,取决于你的下拉菜单是如何构建的。 4. *...

Global site tag (gtag.js) - Google Analytics