zoukankan      html  css  js  c++  java
  • 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>

    table点击tr背景变色

    $(document).ready(function () {
    $("#rep_tab tr").click(function () {
    $(this).addClass("active").siblings("tr").removeClass("active");
    //$('#rep_tab tr').not(this).removeClass("active");
    });
    });

    http://www.bkjia.com/jQuery/996644.html

    jquery实现导航栏鼠标点击后实行背景高亮,点击离开恢复(超级简单!!!!),jquery导航栏

  • 相关阅读:
    Apache ab 压力并发测试工具
    php面试题五之nginx如何调用php和php-fpm的作用和工作原理
    你确定你真的懂Nginx与PHP的交互?
    Linux基本的操作
    【阿里巴巴:高并发的背后】数据库规范
    str()函数
    zfill()方法
    upper()方法
    translate()方法
    title()方法
  • 原文地址:https://www.cnblogs.com/suan1717/p/6859871.html
Copyright © 2011-2022 走看看