jquery 栏目跟随效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<ul class="clear fr nav_active" id="main_menu">
                         
                          <li class="1"><a href="/" target=""> 首页</a><i></i></li>
                         
                     
     
                          <li class="1 nav_active"><a href="/business.html" target=""> 商业</a><i></i></li>
                         
                     
     
                          <li class="1"><a href="/Art.html" target=""> 艺术</a><i></i></li>
                         
                     
 
 
 
                <!-- <li class='nav_active'><a href="">商业3</a><i></i></li>
                <li><a href="">艺术</a><i></i></li>
                <li><a href="">风云榜</a><i></i></li>
                <li><a href="">接招</a><i></i></li>
                <li><a href="">招聘</a><i></i></li> -->
 
            </ul>
 
 
 
 
 
 
 
 
 
 
 
 
<script type="text/javascript">
 
$(function(){
 
    //栏目跟随效果
    $("#main_menu a").each(function(){
        if ($(this)[0].href == String(window.location)) {
            $(this).parentsUntil("#main-menu>ul>li").addClass("nav_active");
        }
    });
});
 
 
</script>

  

posted @   Abner3721  阅读(176)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示