zoukankan      html  css  js  c++  java
  • .net中服務器端與客戶端代碼交替使DIV展開或收縮

    在實際應用中,點擊某圖片時,客戶端代碼與服務器端事件都能使一個DIV展開或收縮,實現如下。
    先創建一個圖片,如下:
    <IMG alt="To down" id="ImageButton1" class="CursorIsHand" runat="server" src="../Images/Toolbar/Arrow_down.gif">
    寫Javascript函數,如下:
    function PlusMinusDiv()
    {
        
    var objDiv = document.getElementById("divGrid");
        
    var objImg = document.getElementById("ImageButton1");
        
    //alert(objDiv.style.height);
        if(objDiv.style.height == '0px')
        
    {
            objDiv.style.height 
    = 150;
            objImg.src 
    = "../Images/Toolbar/Arrow_up.gif"
            objImg.alt 
    = "To top";
        }

        
    else
        
    {
            objDiv.style.height 
    = 0;
            objImg.src 
    = "../Images/Toolbar/Arrow_down.gif"
            objImg.alt 
    = "To down";
        }

    }

    寫(!this.IsPostBack) 中 寫this.ImageButton1.Attributes.Add("onclick","PlusMinusDiv();");
    寫C#代碼,以在點擊某按鈕後展開DIV
    private void DivGridVisible()
    {
        ImageButton1.Src 
    = "../Images/Toolbar/Arrow_up.gif";
        ImageButton1.Alt 
    = "To Top";
        
    this.divGrid.Style.Add("height","150");
          divGrid.Visible 
    = true;
    }


     
  • 相关阅读:
    网页的状态掩码
    分享到JavaScript
    右下角收缩广告
    播放列表的收缩展开
    创建文本节点createTextNode
    创建元素节点createElement
    进栈和出栈
    刚刚上班才回来,今天和你说说hash数组
    关于JS中的定时器!!!
    面向对象(程序员最呆的地方,一切皆是对象)
  • 原文地址:https://www.cnblogs.com/brawei/p/548353.html
Copyright © 2011-2022 走看看