母版页中
head中包含JS文件:
<script language="javascript" type="text/javascript">
function $(objId)
{
return document.getElementById(objId);
}
function changeId(idName, obj)
{
$(idName).id="";
obj.id=idName;
obj.blur();
}
</script>
BODY中有2个超链接:就是导航条上的2个链接,有CSS特效的
<a href="mainweb.aspx" id="curTab" class="nav" onclick="changeId('curTab',this)"><span>首页</span></a>
<a href="nodeedit.aspx" class="nav" onclick="changeId('curTab',this)"><span>编辑节点</span></a>
<a href="devview.aspx" class="nav" onclick="changeId('curTab',this)"><span>设备管理</span></a>还有一个 <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">子页面
nodeedit.aspx 中有一个<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">我是nodeedit页</Content>
devview.aspx 中有一个<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">我是devview页</Content>。理想状态是:(就是支付宝网页顶部的导航条功能)
页面初始,首页的CSS背景样式为1,其他项都为样式2。当鼠标点击其他项时,该项的CSS背景特效应该改变成样式1,同时,首页变为样式2。
而我在使用母版页后,这个功能就不起作用了。
请高手们给个解决之道。
head中包含JS文件:
<script language="javascript" type="text/javascript">
function $(objId)
{
return document.getElementById(objId);
}
function changeId(idName, obj)
{
$(idName).id="";
obj.id=idName;
obj.blur();
}
</script>
BODY中有2个超链接:就是导航条上的2个链接,有CSS特效的
<a href="mainweb.aspx" id="curTab" class="nav" onclick="changeId('curTab',this)"><span>首页</span></a>
<a href="nodeedit.aspx" class="nav" onclick="changeId('curTab',this)"><span>编辑节点</span></a>
<a href="devview.aspx" class="nav" onclick="changeId('curTab',this)"><span>设备管理</span></a>还有一个 <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">子页面
nodeedit.aspx 中有一个<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">我是nodeedit页</Content>
devview.aspx 中有一个<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">我是devview页</Content>。理想状态是:(就是支付宝网页顶部的导航条功能)
页面初始,首页的CSS背景样式为1,其他项都为样式2。当鼠标点击其他项时,该项的CSS背景特效应该改变成样式1,同时,首页变为样式2。
而我在使用母版页后,这个功能就不起作用了。
请高手们给个解决之道。
·详情请访问:http://www.515dns.com
你试试把CSS放在你页面上看看或着你改下CSS里面的内容
CSS是起作用的,
也可以说JS文件也是起作用的,
问题就是我每点一个超链接(在鼠标点下去的瞬间零点几秒,页面还没跳转的时候,是可以看到JS改变CSS的效果),不就是重定向到其他页了么,其他页也是用的这个母板,也就是导航条上的若干个<a>的CSS又恢复了默认
后来我是这样解决的:
假设有母版页:page.master
在page.master.cs中写构造函数
public page
{
string currentMenu="";
}然后在每个内容页的后台来操作currentMenu的值
((page)Master).currentMenu="新闻";
上面这句其实就是内容页修改了母版页的变量。此时母版页的前台就可以利用这个全局变量currentMenu来改变菜单的样式,例如:
<a href="news.aspx" class="<%=currentMenu=="新闻"?"selected":"" %>">新闻</a>