当前位置: 首页 > 编程笔记 >

jQuery实现当前页面标签高亮显示的方法

阳长恨
2023-03-14
本文向大家介绍jQuery实现当前页面标签高亮显示的方法,包括了jQuery实现当前页面标签高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下:

function nav(name, csskey,cssvalue) {
  var url = window.location.pathname + window.location.search;
  var v1 = "";
  $(name).each(function () {
    v1 = "/" + $(this).attr("href");
    if (v1 == url) {
      var v2 = $(this).css(csskey, cssvalue);
    }
  })
}

用法如下:

<script src="Scripts/commo.js" type="text/javascript"></script>
<script type="text/javascript">
 window.onload = function () {
   nav(".top ul li a", "background-color", "rgb(255,89,0)");
 }
</script>

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jquery实现页面关键词高亮显示的方法,包括了jquery实现页面关键词高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现页面关键词高亮显示的方法。分享给大家供大家参考。具体分析如下: 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下: 2.highlight插件点击此处下载。 希望本文

  • 本文向大家介绍jQuery实现高亮显示的方法,包括了jQuery实现高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现高亮显示的方法。分享给大家供大家参考。具体如下: 主要功能代码如下: 使用时设置on的css高亮部分样式即可。 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jQuery实现高亮显示网页关键词的方法,包括了jQuery实现高亮显示网页关键词的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现高亮显示网页关键词的方法。分享给大家供大家参考。具体如下: 这是一款基于jquery实现的高亮显示网页上搜索关键词的代码,当你在文本框中输入的时候,如果下面的正文中包括你输入的内容,也就是关键字,那么这些关键字是会高亮显示的,

  • 本文向大家介绍js实现当前输入框高亮显示的方法,包括了js实现当前输入框高亮显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现当前输入框高亮显示的方法。分享给大家供大家参考。具体如下: 这里演示利用JavaScript技术实现的当前输入框高亮显示代码,在很多的网页表单中,当用户鼠标点击文本框的时候,该文本框就会显示高亮状态,提醒用户输入,本例通过JAVAScript代码实现

  • 本文向大家介绍jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法,包括了jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法。分享给大家供大家参考。具体如下:  鼠标滑向当前图片高亮显示,其它图片变灰 这个 网页特效一些商城经常用到比如淘宝,当用户鼠标移到某一

  • 本文向大家介绍jQuery实现网站添加高亮突出显示效果的方法,包括了jQuery实现网站添加高亮突出显示效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现网站添加高亮突出显示效果的方法。分享给大家供大家参考。具体如下: 这段jquery代码演示了如何把整个页面遮罩起来,突出显示某些东西 希望本文所述对大家的jQuery程序设计有所帮助。