jquery页面跳转导航变色,刷新后依然存在
Posted suan1717
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery页面跳转导航变色,刷新后依然存在相关的知识,希望对你有一定的参考价值。
jquery代码:
<script>
$(document).ready(function () {
//$(".megamenu").megamenu();
$(".skyblue li a").each(function () {
if ($($(this))[0].href == String(window.location))
$(this).addClass(‘menuactive‘);
//$(this).parent().addClass(‘menuactive‘);
});
});
</script>
css代码:
.skyblue li a.color9:hover,.menuactive{
background:#9CB43A;
color: #ffffff;
}
html代码:
<ul class="megamenu skyblue">
<%--<class="grid">--%>
<li><a class="color9" href="index.aspx">Home</a></li>
<li><a class="color9" href="AboutUS.aspx">About Us</a></li>
<li><a class="color9" href="Products.aspx">Products</a></li>
<li><a class="color9" href="Products.aspx">News</a></li>
<li><a class="color9" href="Exhibition.aspx">Exhibition</a></li>
<li><a class="color9" href="Terms.aspx">Terms</a></li>
<li><a class="color9" href="Enquiry.aspx">Enquiry</a></li>
<li><a class="color9" href="ContactUs.aspx">Contacts Us</a></li>
</ul>
以上是关于jquery页面跳转导航变色,刷新后依然存在的主要内容,如果未能解决你的问题,请参考以下文章