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;
    }


     
  • 相关阅读:
    c# webapi无法获取Session值问题解决
    深入理解java虚拟机之自动内存管理机制笔记
    数据结构总结1
    疯人院之语言、编码、计算机

    集线器/交换机
    什么是DOM?DOM和JavaScript的关系 [web开发]
    JSON轻量级的数据交换格式
    天问宇宙学第一课
    C++基础知识
  • 原文地址:https://www.cnblogs.com/brawei/p/548353.html
Copyright © 2011-2022 走看看