当前位置:主页 > 教程 > 网页设计 >

jQuery实现当前页面标签高亮显示的方法
栏目分类:网页设计   发布日期:2015-09-02   浏览次数:

目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定
本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下:
  1. function nav(name, csskey,cssvalue) { 
  2.   var url = window.location.pathname + window.location.search; 
  3.   var v1 = ""
  4.   $(name).each(function () { 
  5.     v1 = "/" + $(this).attr("href"); 
  6.     if (v1 == url) { 
  7.       var v2 = $(this).css(csskey, cssvalue); 
  8.     } 
  9.   }) 

用法如下:

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

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

相关热词: javaScript教程

Copyright © 2010-2018 zhiqiangbieshu.COM 51软件素材资源网 版权所有   津ICP备15003794号-1   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
特效 教程 资源 资讯