高分求助！怎樣用C#實現將控件像QQ一樣自動停靠，自動隱藏？

如題 請問問大蝦們

解决方案 »

  1.   

    <%@ Page language="c#" Inherits="zbboa.remind" CodeFile="remind.aspx.cs" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <HTML>
    <HEAD>
    <title>remind</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">
    <meta http-equiv="refresh" content="60">
    <LINK href="word.css" type="text/css" rel="stylesheet">
    </HEAD>
    <body bgColor="#eff7ff">
    <form id="Form1" method="post" runat="server">
    <script type="text/javascript">
      

  2.   

    var popupWinoldonloadHndlr=window.onload, popupWinpopupHgt, popupWinactualHgt, popupWintmrId=-1, popupWinresetTimer;
            var popupWintitHgt, popupWincntDelta, popupWintmrHide=-1, popupWinhideAfter=5000, popupWinhideAlpha, popupWinhasFilters=true;
            var popupWinnWin, popupWinshowBy=null, popupWindxTimer=-1, popupWinpopupBottom;
            var popupWinnText,popupWinnMsg,popupWinnTitle,popupWinbChangeTexts=false;        var popupWinoldonscrollHndr=window.onscroll;
            window.onscroll=popupWinespopup_winScroll;
            popupWinnText="<head><title>Title here</title><style type=\"text/css\">body {    background:#E0E9F8; padding:5px;    filter:progid:DXImageTransform.Microsoft.Gradient(     GradientType=0,StartColorStr='#FFE0E9F8', EndColorStr='#FFFFFFFF');  }  h1 {    font:bold 16px arial,sans-serif; color:#1F336B;     text-align:center; margin:0px;  }  p {    font:14px arial,sans-serif; color:#1F336B;  }</style></head><body><h1>Title here</h1><p>This very long text will be displayed in new window. To open this window click on \"Show Popup\" button and then click on popup window.</p></body>";
    //window.onload=popupWinespopup_winLoad;
            function popupWinespopup_winScroll()
            {
              if (popupWinoldonscrollHndr!=null) popupWinoldonscrollHndr();
              if (popupWintmrHide!=-1)
              {
                el=document.getElementById('popupWin');
                el.style.display='none'; el.style.display='block';
              }
            }        function popupWinespopup_ShowPopup(show)
            {
              if (popupWindxTimer!=-1) { el.filters.blendTrans.stop(); }          if ((popupWintmrHide!=-1) && ((show!=null) && (show==popupWinshowBy)))
              {
                clearInterval(popupWintmrHide);
                popupWintmrHide=setInterval(popupWinespopup_tmrHideTimer,popupWinhideAfter);
                return;
              }
              if (popupWintmrId!=-1) return;
              popupWinshowBy=show;          elCnt=document.getElementById('popupWin_content')
              elTit=document.getElementById('popupWin_header');
              el=document.getElementById('popupWin');
              el.style.left='';
              el.style.top='';
              el.style.filter='';
      

  3.   

    if (popupWintmrHide!=-1) clearInterval(popupWintmrHide); popupWintmrHide=-1;          document.getElementById('popupWin_header').style.display='none';
              document.getElementById('popupWin_content').style.display='none';          if (navigator.userAgent.indexOf('Opera')!=-1)
                el.style.bottom=(document.body.scrollHeight*1-document.body.scrollTop*1
                                -document.body.offsetHeight*1+1*popupWinpopupBottom)+'px';
              
              if (popupWinbChangeTexts)
              {
                popupWinbChangeTexts=false;
                document.getElementById('popupWinaCnt').innerHTML=popupWinnMsg;
                document.getElementById('popupWintitleEl').innerHTML=popupWinnTitle;
              }          popupWinactualHgt=0; el.style.height=popupWinactualHgt+'px';
              el.style.visibility='';
              if (!popupWinresetTimer) el.style.display='';
              popupWintmrId=setInterval(popupWinespopup_tmrTimer,(popupWinresetTimer?1000:20));
            }        function popupWinespopup_winLoad()
            {
    //document.write('<bgsound src='+'pp.ram'+' loop="1">')
    document.write('<bgsound src='+'msg.wav'+' loop="false">')
    //弹出对话框的时候提示声音

              if (popupWinoldonloadHndlr!=null) popupWinoldonloadHndlr();          elCnt=document.getElementById('popupWin_content')
              elTit=document.getElementById('popupWin_header');
              el=document.getElementById('popupWin');
              popupWinpopupBottom=el.style.bottom.substr(0,el.style.bottom.length-2);
              
              popupWintitHgt=elTit.style.height.substr(0,elTit.style.height.length-2);
              popupWinpopupHgt=el.style.height;
              popupWinpopupHgt=popupWinpopupHgt.substr(0,popupWinpopupHgt.length-2); popupWinactualHgt=0;
              popupWincntDelta=popupWinpopupHgt-(elCnt.style.height.substr(0,elCnt.style.height.length-2));          if (true)
              {
                popupWinresetTimer=true;
                popupWinespopup_ShowPopup(null);
              }
            }
      

  4.   

    function popupWinespopup_tmrTimer()
            {
              el=document.getElementById('popupWin');
              if (popupWinresetTimer)
              {
                el.style.display='';
                clearInterval(popupWintmrId); popupWinresetTimer=false;
                popupWintmrId=setInterval(popupWinespopup_tmrTimer,20);
              }
              popupWinactualHgt+=5;
              if (popupWinactualHgt>=popupWinpopupHgt)
              {
                popupWinactualHgt=popupWinpopupHgt; clearInterval(popupWintmrId); popupWintmrId=-1;
                document.getElementById('popupWin_content').style.display='';
                if (popupWinhideAfter!=-1) popupWintmrHide=setInterval(popupWinespopup_tmrHideTimer,popupWinhideAfter);
              }
              if (popupWintitHgt<popupWinactualHgt-6)
                document.getElementById('popupWin_header').style.display='';
              if ((popupWinactualHgt-popupWincntDelta)>0)
              {
                elCnt=document.getElementById('popupWin_content')
                elCnt.style.display='';
                elCnt.style.height=(popupWinactualHgt-popupWincntDelta)+'px';
              }
              el.style.height=popupWinactualHgt+'px';
            }
            
            function popupWinespopup_tmrHideTimer()
            {
              clearInterval(popupWintmrHide); popupWintmrHide=-1;
              el=document.getElementById('popupWin');
              if (popupWinhasFilters)
              {
                backCnt=document.getElementById('popupWin_content').innerHTML;
                backTit=document.getElementById('popupWin_header').innerHTML;
                document.getElementById('popupWin_content').innerHTML='';
                document.getElementById('popupWin_header').innerHTML='';
                el.style.filter='blendTrans(duration=1)';
                el.filters.blendTrans.apply();
                el.style.visibility='hidden';
                el.filters.blendTrans.play();
                document.getElementById('popupWin_content').innerHTML=backCnt;
                document.getElementById('popupWin_header').innerHTML=backTit;
                
                popupWindxTimer=setInterval(popupWinespopup_dxTimer,1000);
              }
              else el.style.visibility='hidden';
            }
            
            function popupWinespopup_dxTimer()
            {
              clearInterval(popupWindxTimer); popupWindxTimer=-1;
            }
         
            function popupWinespopup_Close()
            {
              if (popupWintmrId==-1)
              {
                el=document.getElementById('popupWin');
                el.style.filter='';
                el.style.display='none';
                if (popupWintmrHide!=-1) clearInterval(popupWintmrHide); popupWintmrHide=-1;
                
              }
            }
        
            function popupWinespopup_ShowWindow()
            {
              
              if (popupWinnWin!=null) popupWinnWin.close();
              popupWinnWin=window.open('','popupWinnWin','width=300,height=200,scrollbars=no, '+
                'menubar=no, resizable=no, status=no, toolbar=no, location=no');
              popupWinnWin.document.write(popupWinnText);
            }        var popupWinmousemoveBack,popupWinmouseupBack;
            var popupWinofsX,popupWinofsY;
            function popupWinespopup_DragDrop(e)
            {
              popupWinmousemoveBack=document.body.onmousemove;
              popupWinmouseupBack=document.body.onmouseup;
              ox=(e.offsetX==null)?e.layerX:e.offsetX;
              oy=(e.offsetY==null)?e.layerY:e.offsetY;
              popupWinofsX=ox; popupWinofsY=oy;          document.body.onmousemove=popupWinespopup_DragDropMove;
              document.body.onmouseup=popupWinespopup_DragDropStop;
              if (popupWintmrHide!=-1) clearInterval(popupWintmrHide);
            }        function popupWinespopup_DragDropMove(e)
            {
              el=document.getElementById('popupWin');          
              if (e==null&&event!=null)
              {
                el.style.left=(event.clientX*1+document.body.scrollLeft-popupWinofsX)+'px';
                el.style.top=(event.clientY*1+document.body.scrollTop-popupWinofsY)+'px';
                event.cancelBubble=true;
              }
              else
              {
                el.style.left=(e.pageX*1-popupWinofsX)+'px';
                el.style.top=(e.pageY*1-popupWinofsY)+'px';
                e.cancelBubble=true;
              }
              if ((event.button&1)==0) popupWinespopup_DragDropStop();
            }        function popupWinespopup_DragDropStop()
            {
              document.body.onmousemove=popupWinmousemoveBack;
              document.body.onmouseup=popupWinmouseupBack;
            }
      

  5.   

    </script>
    <div onselectstart="return false;" onmousedown="return popupWinespopup_DragDrop(event);"
    id="popupWin" style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #b9c9ef 1px solid; DISPLAY: none; Z-INDEX: 9999; RIGHT: 15px; BACKGROUND: #ff99cc; LEFT: 100px; BORDER-LEFT: #b9c9ef 1px solid; WIDTH: 155px; BOTTOM: 15px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 448px; HEIGHT: 104px">
    <div id="popupWin_header" style="DISPLAY: none; FILTER: progid: DXImageTransform.Microsoft.Gradient(GradientType=0,
                     StartColorStr='#ff6699', EndColorStr='#FFFFFFFF'); LEFT: 2px; FONT: 12px arial,sans-serif; WIDTH: 145px; CURSOR: default; COLOR: #1f336b; POSITION: absolute; TOP: 2px; HEIGHT: 14px; TEXT-DECORATION: none"><span id="popupWintitleEl">今日提醒
    </span><span onmousedown="event.cancelBubble=true;" onmouseover="style.color='#ff9999';" style="RIGHT: 3px; FONT: bold 12px arial,sans-serif; CURSOR: pointer; COLOR: #728eb8; POSITION: absolute; TOP: 0px"
    onclick="popupWinespopup_Close()" onmouseout="style.color='#ff6699';">X</span></div>
    <div onmousedown="event.cancelBubble=true;" id="popupWin_content" style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #728eb8 1px solid; DISPLAY: none; PADDING-LEFT: 2px; BACKGROUND: #ffffcc; FILTER: progid: DXImageTransform.Microsoft.Gradient(GradientType=0,
                     StartColorStr='#ff6699', EndColorStr='#FFFFFFFF'); LEFT: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; BORDER-LEFT: #728eb8 1px solid; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: #b9c9ef 1px solid; POSITION: absolute; TOP: 20px; HEIGHT: 76px; TEXT-ALIGN: center">
    <TABLE id="Table1" style="Z-INDEX: 104; LEFT: 8px" cellSpacing="1" cellPadding="1" bgColor="#ffffcc"
    border="1">
    <TR>
    <TD>
    <asp:HyperLink id="lbpending" runat="server" Width="134px">HyperLink</asp:HyperLink></TD>
    </TR>
    <TR>
    <TD>
    <asp:HyperLink id="lbmail" runat="server" Width="128px">HyperLink</asp:HyperLink></TD>
    </TR>
    <TR>
    <TD>
    <asp:HyperLink id="lbwkplan" runat="server" Width="128px">HyperLink</asp:HyperLink></TD>
    </TR>
    <TR>
    <TD>
    <asp:HyperLink id="HyperLink1" runat="server" Width="128px">HyperLink</asp:HyperLink></TD>
    </TR>
    </TABLE>
    </div>
    </div>
    <DIV style="WIDTH: 952px; HEIGHT: 8px"><FONT face="宋体"></FONT></DIV>
    <FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT>
    </form>
    </body>
    </HTML>