码迷,mamicode.com
首页 > Web开发 > 详细

jquery页面跳转导航变色,刷新后依然存在

时间:2017-05-16 11:12:32      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:oca   bit   class   new   product   parent   代码   back   his   

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页面跳转导航变色,刷新后依然存在

标签:oca   bit   class   new   product   parent   代码   back   his   

原文地址:http://www.cnblogs.com/suan1717/p/6859871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!