怎么在ASP.NET上移动控件？

列出的命令太多了，页面显示不了，我想加一个按钮：点击按钮，那一排命令就左右移动，移动的命令可以是按钮或者图片都行。就是http://211.148.133.100/DIER/login.htm 顶部的那种移动效果，用户、密码：admin/123

解决方案 »

  1.   

    .net2.0中有个webpart控件,可以实现一些控件的移动效果,但不知道是不是你想要的效果!
      

  2.   

    肯定是javascript啊，和webpart没关系
      

  3.   

    function MoveLeft_onclick() { 
    if(ModelItem.moveLeft()){Form1.MoveRight.style.display="";}
    else
    {Form1.MoveLeft.style.display="none";Form1.MoveRight.style.display="";} 
    }function MoveRight_onclick() { if(ModelItem.moveRight()){Form1.MoveLeft.style.display="";}
    else
    {Form1.MoveRight.style.display="none";Form1.MoveLeft.style.display="";} 
    }function MoveLeft_onmouseover() {
    Form1.MoveLeft.src="../../images/right2.gif";
    }function MoveLeft_onmouseout() {
    Form1.MoveLeft.src="../../images/right1.gif";
    }function MoveLeft_onmouseup() {
    Form1.MoveLeft.src="../../images/right1.gif";
    }function MoveRight_onmouseout() { 
    Form1.MoveRight.src="../../images/left1.gif";
    }function MoveRight_onmouseover() {
    Form1.MoveRight.src="../../images/left2.gif";
    }function MoveRight_onmouseup() {
    Form1.MoveRight.src="../../images/left1.gif";
    }
      

  4.   

    <HTML>
    <HEAD>
    <title>WebForm1</title>
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script >
      function move()
      {
        if(document.getElementById("Panel1").offsetLeft >300)
        {
         document.getElementById("Panel1").style.posLeft   =  document.getElementById("Panel1").style.posLeft -1;
        
        }
        
      }
      
      function movecontrol()
      {
        
          window.setInterval(move,100);
        
      }
    </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
    <form id="Form1" method="post" runat="server">
    <asp:DataGrid id="DataGrid1" style="Z-INDEX: 101; LEFT: 32px; POSITION: absolute; TOP: 32px" runat="server"
    Width="504px" AutoGenerateColumns="False">
    <Columns>
    <asp:BoundColumn DataField="q" HeaderText="q"></asp:BoundColumn>
    <asp:BoundColumn DataField="qq" HeaderText="qq"></asp:BoundColumn>
    </Columns>
    </asp:DataGrid>
    <asp:Panel id="Panel1" style="Z-INDEX: 103; LEFT: 360px; POSITION: absolute; TOP: 272px" runat="server"
    Width="280px">Panel
    <asp:Button id="Button1" runat="server" Text="Button"></asp:Button></asp:Panel>
    <script >
    movecontrol();
    </script>
    </form>
    </body>
    </HTML>----------------------------------------------
    你可以将所需移动的控件放入一个Panel，然后移动Panel就行了