js 控制下拉菜单刷新的方法
更新时间：2013年03月03日 11:24:34 作者：
js 控制下拉菜单刷新的方法，需要的朋友可以参考一下
思路：母版頁隱藏控件 從内容頁接收值 JS根據接受的值控制菜單項的現實
母版頁：
隱藏控件：
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設置選中--%>
<script type="text/javascript">
var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
var div = document.getElementById(X);
if (div != null) {
div.setAttribute("class", 'nav-top-item current');
}
var div2 = document.getElementById(Xn);
if (div != null) {
div2.setAttribute("class", 'current');
}
</script>
内容頁給母版頁隱藏空間賦值：
//設置母版頁Lable的值，以控制菜單項CSS
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
母版頁：
隱藏控件：
复制代码 代码如下:
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設置選中--%>
<script type="text/javascript">
var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
var div = document.getElementById(X);
if (div != null) {
div.setAttribute("class", 'nav-top-item current');
}
var div2 = document.getElementById(Xn);
if (div != null) {
div2.setAttribute("class", 'current');
}
</script>
内容頁給母版頁隱藏空間賦值：
//設置母版頁Lable的值，以控制菜單項CSS
复制代码 代码如下:
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
相关文章
这篇文章主要介绍了JavaScript伪数组用法,结合实例形式分析了伪数组的概念、功能、定义及简单使用方法,需要的朋友可以参考下2017-12-12
有时候我们需要复制一个框的内容或者整个表格，一般的操作很可能造成一些不方便，一是操作步骤较为复制，一是复制表格的时候容易复制不完整或者格式出错。2011-04-04
利用Print.js实现打印pdf、HTML及图片(可设置样式可分页)
在我们需要在页面中打印某个区域的内容或者生成pdf的时候,我们可以直接用printJs库,这篇文章主要给大家介绍了关于利用Print.js实现打印pdf、HTML及图片的相关资料,可设置样式可分页,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了JS根据生日算年龄的方法,涉及javascript操作时间的相关技巧,非常简单实用,需要的朋友可以参考下2015-05-05
这篇文章主要为大家详细介绍了js实现碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
javascript里面的"/"运算符跟C++里面的"/"运算符不一样，后者自动取整，前者若非整除则会得到小数（比如说5/2=2.5）。2010-10-10
今天小编就为大家分享一篇解决layui的input独占一行的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文给大家汇总了2个JavaScript+css3实现的时钟特效的代码，非常的漂亮，有需要的小伙伴可以来参考下2016-10-10
这篇文章介绍了javascript自动改变文字大小和颜色的效果的小例子，有需要的朋友可以参考一下2013-08-08
这篇文章主要为大家详细介绍了js实现验证码干扰，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
最新评论