js 控制下拉菜單刷新的方法
更新時間：2013年03月03日 11:24:34 作者：
js 控制下拉菜單刷新的方法，需要的朋友可以參考一下
思路：母版頁隱藏控件 從內(nèi)容頁接收值 JS根據(jù)接受的值控制菜單項(xiàng)的現(xiàn)實(shí)
母版頁：
隱藏控件：
<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:
<%-- 設(shè)置選中--%>
<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>
內(nèi)容頁給母版頁隱藏空間賦值：
//設(shè)置母版頁Lable的值，以控制菜單項(xiàng)CSS
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
母版頁：
隱藏控件：
復(fù)制代碼 代碼如下:
<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:
<%-- 設(shè)置選中--%>
<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>
內(nèi)容頁給母版頁隱藏空間賦值：
//設(shè)置母版頁Lable的值，以控制菜單項(xiàng)CSS
復(fù)制代碼 代碼如下:
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
您可能感興趣的文章:
- 基于iscroll.js實(shí)現(xiàn)下拉刷新和上拉加載效果
- js仿手機(jī)頁面文件下拉刷新效果
- Listloading.js移動端上拉下拉刷新組件
- iscroll.js的上拉下拉刷新時無法回彈的解決方法
- APP中javascript+css3實(shí)現(xiàn)下拉刷新效果
- 純javascript實(shí)現(xiàn)簡單下拉刷新功能
- .NET使用js制作百度搜索下拉提示效果(不是局部刷新)實(shí)現(xiàn)思路
- JQuery插件iScroll實(shí)現(xiàn)下拉刷新，滾動翻頁特效
- jQuery+AJAX實(shí)現(xiàn)無刷新下拉加載更多
- Javascript下拉刷新的簡單實(shí)現(xiàn)
相關(guān)文章
這篇文章主要介紹了JavaScript偽數(shù)組用法,結(jié)合實(shí)例形式分析了偽數(shù)組的概念、功能、定義及簡單使用方法,需要的朋友可以參考下2017-12-12
有時候我們需要復(fù)制一個框的內(nèi)容或者整個表格，一般的操作很可能造成一些不方便，一是操作步驟較為復(fù)制，一是復(fù)制表格的時候容易復(fù)制不完整或者格式出錯。2011-04-04
利用Print.js實(shí)現(xiàn)打印pdf、HTML及圖片(可設(shè)置樣式可分頁)
在我們需要在頁面中打印某個區(qū)域的內(nèi)容或者生成pdf的時候,我們可以直接用printJs庫,這篇文章主要給大家介紹了關(guān)于利用Print.js實(shí)現(xiàn)打印pdf、HTML及圖片的相關(guān)資料,可設(shè)置樣式可分頁,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了JS根據(jù)生日算年齡的方法,涉及javascript操作時間的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)碰撞檢測，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
javascript里面的"/"運(yùn)算符跟C++里面的"/"運(yùn)算符不一樣，后者自動取整，前者若非整除則會得到小數(shù)（比如說5/2=2.5）。2010-10-10
今天小編就為大家分享一篇解決layui的input獨(dú)占一行的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文給大家匯總了2個JavaScript+css3實(shí)現(xiàn)的時鐘特效的代碼，非常的漂亮，有需要的小伙伴可以來參考下2016-10-10
這篇文章介紹了javascript自動改變文字大小和顏色的效果的小例子，有需要的朋友可以參考一下2013-08-08
js實(shí)現(xiàn)驗(yàn)證碼干擾（靜態(tài)）
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)驗(yàn)證碼干擾，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-02-02