jquery导航栏html页面跳转导航字体变色

html代码:

<div class="collapse">
    <ul class="nav">
        <li><a href="index.html" class="active">首页</a></li>
        <li> <a href="team.html"> 商务合作</a></li>
        <li> <a href="about.html"> 关于我们</a></li>
    </ul>
</div>

jquery代码:

$(document).ready(function(){
    $(".collapse a").each(function(){
        $this = $(this);
        if($this[0].href==String(window.location)){
            $(".collapse a").removeClass("active");
            $this.addClass("active");
        }
    });
}); 
时间: 2024-11-08 13:38:26

jquery导航栏html页面跳转导航字体变色的相关文章

web导航栏点击跳转后的样式

搭建web网页的导航栏时,需要有点击某导航页面跳转后,被点击的<a>标签样式添加或改变(bootstrap只能实现页面不刷新的点击效果),网上查阅了很多,终于解决了问题,豁然开朗的同时也小总结一下: ps:以下为摘录百度知道,并非本人原创,而我用的便是其中第二种方法. 方法有很多,大体可分为三种: 一.在服务器端判断当前页面隶属于哪一个分类,然后对其进行高亮化,这个高亮化的方法也有很多,相信不是你要的,不一一讲解: 二.每一个页面这个导航条都在各自的页面内,那么独立对其分配class或者行内样

vue 导航栏刷新页面定位:

不想分析可以直接看解决方案 问题描述: 通过router的route-link可以实现导航栏的功能,并且可以跳转到相应页面 但是刷新页面导航栏没有定位到当前页面一栏. 问题分析: 定位导航栏步骤 1. 点击导航栏对当前一栏添加class <a @click="toPath(item.note)" :class="{ 'active': item.note === data.currentPath }"> {{item.name }} </a>

ios 导航栏透明, 上下滑动 导航栏 颜色渐变

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "PingFang SC"; color: #008400 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #3d1d81 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #008400 } p.p4 {

iOS 设置导航栏之二(设置导航栏的颜色、文字的颜色、左边按钮的文字及颜色)

                  #import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @end #import "AppDelegate.h" #import "KeyViewController.h" @interface Ap

iOS:导航栏的工具条和导航条

// // main.m // Hello // // Created by lishujun on 14-8-28. // Copyright (c) 2014年 lishujun. All rights reserved. // #import <UIKit/UIKit.h> @interface TestViewController : UIViewController @end @implementation TestViewController -(void) loadView {

让导航栏变透明,去掉导航栏下面的线

下面代码可以让导航栏变透明 [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsCompact];或者可以照一张透明的图片来填充也可以 隐藏导航栏下面的那根线navigationBar.shadowImage 这个方法不知为啥没用了 现在可以用下面这个代码这个代码是让下面那条线消失NSArray *list = self.navigationBar.

简单的jquery左侧导航栏和页面选中效果

这里是要实现导航的左侧并选中的,此功能需引用jquery 效果: 左侧导航 <div class="box"> <ul class="menu"> <li class="level1"> <a href="#none" rel="external nofollow">衬衫</a> <ul class="level2">

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(

织梦 循环二级导航栏 当前页面高亮样式

{dede:channelartlist typeid='30'} <a href="{dede:field name='typeurl'/}" {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='border' ":@me="";{/dede:field}>{dede:field name='typename'/}</