热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

当前页面在哪里,对应的导航栏上的该页锚点就是对应的颜色

想到用DIV+url+li来做:当前页面为“首页”时,导航栏这样显示:<div><ulidmain_nav_ul
想到用DIV+url+li来做:

当前页面为 “首页” 时,导航栏这样显示:


    
       首页 "这里显示为当前页面
       公司介绍
       联系我们
    



当前页面为“公司介绍”时,如下显示



    
       首页 
       公司介绍"这里显示为当前页面
       联系我们
    


。。。。。。。以此类推。

注意,我的网站程序模板页面只有一个index.asp。

跳转到不同页面是用“index.asp?id=xxx” +  数据库  的形式来实现的


请问此功能如何实现

效果以下截图:



另一种效果:

8 个解决方案

#1


我有个比较笨的方法:
1,在index.asp里,导航栏上所有的
  • 都这样命名:....


  • 2,在你的目标页面id数据库字段里,给这个变量赋值:classid="clickname"

    搞定!

    但是弊端也出来了:会给数据库服务器造成负载。

    最好的方法是用JS直接在当前页判断,这样对服务器没有负载,全部交给客户机处理了。

    #2


    楼上的说法好像不行哦

    这样子不是搞得所有的li的class都一样了么

    #3


    #4


    js获取参数进行分析,然后和导航进行对比,包含参数就设置这个导航的样式


        
           
  • 首页
  •  
           
  • 公司介绍
  • "这里显示为当前页面
           联系我们
        

    #5


    引用 4 楼 showbo 的回复:
    js获取参数进行分析,然后和导航进行对比,包含参数就设置这个导航的样式


        
           
  • 首页
  •  
           
  • 公司介绍
  • "这里显示为当前页面
           联系我们
        



    谢谢版主。

    我试了一下,“首页”这些的,定位不准,它直接默认到第一页面了。

    蛮烦指导一下,网址就是这个:http://20140220023.web11.ckuai.com/

    #6


    你的首页链接不在第一个位置,在第二个,要修改下标


       //如果找不到参数,设置默认为首页
       if (!find)  as[1].className = 'clickname';

    #7


    还有个bug,没有判断是否有参数。。改下面这样


        var as = document.getElementById('main_nav_ul').getElementsByTagName('a'), find = false, s = location.search; //得到参数
        if (s != '')
            for (var i = 0; i < as.length; i++) {
                if (as[i].href.indexOf(s) != -1) {
                    as[i].className = 'clickname';
                    find = true;
                    break;
                }
            }

        if (s == '' || !find) as[1].className = 'clickname';

    #8


    nice

    推荐阅读
    author-avatar
    晓辉19890424俱乐部
    这个家伙很懒,什么也没留下!
    Tags | 热门标签
    RankList | 热门文章
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有