jQuery实现当前页面标签高亮显示的方法
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了jQuery实现当前页面标签高亮显示的方法,涉及jQuery通过自定义函数操作css样式的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。