关于导航条的问题。

n109214114 2010-09-09 03:02:12

在公司经常开发网站，现在遇到一个问题就是，就是在导航条上点击某一项跳到另个页面，然后该选项背景放张图片。就是让用户知道当前是在哪个页面。但是我是用脚本做的，一点击跳转，页面就刷新，该选项的背景也就消失。不知道该怎么解决。

...全文

130 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

wuyq11 2010-09-09

打赏
举报

onclick="this.class=''"
function Tab(m,n)
{
var menu=document.getElementById('menu'+m).getElementsByTagName('li');
var list=document.getElementById('content'+m).getElementsByTagName('div');
for(var i=0;i<menu.length;i++)
{
menu[i].className=i==n?"mouseon":"mouseout";
list[i].style.display=i==n?"block":"none";
}
}
</script>

mingl11 2010-09-09

打赏
举报

我使用母版也做了个小例子，和你使用用户控件是一个性质的。只不过你要把脚本代码放到用户控件里。主要是使用了window.onload事件匹配连接，是连接这个页面的a标签背景就变红色



<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="fundraising.Site1" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <asp:ContentPlaceHolder ID="head" runat="server">

    </asp:ContentPlaceHolder>

    <script type="text/javascript" language="javascript">

        window.onload = function () {

            var url = document.location.href;

            var a = document.getElementById("daohang").childNodes;

            for (var i = 0; i < a.length; i++) {



                if (a[i].href == url) {

                    a[i].style.background = "red";

                }

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="daohang" style=" margin-bottom:50px;">

    <a href="a.aspx" style=" background:yellow;">a 页面</a> <a href="b.aspx" style=" background:yellow;">b 页面</a>

    </div>

   

    <div>

        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

        

        </asp:ContentPlaceHolder>

    </div>

    </form>

</body>

</html>

n109214114 2010-09-09

打赏
举报

导航条我是放在用户控件里的，当点击选项时。触发脚本



    <script type="text/javascript">

       function select(object)

       {

         var li = document.getElementById("menu").getElementsByTagName("li");

         for(i=0;i<li.length;i++)

         {

            li[i].className="none";

         }

         object.className="yesImg";

       }

    </script>