<script type="text/javascript"> 
                    <!-- 
                    var oPopup = window.createPopup(); 
                    var popTop=50; 
                    function popmsg(msgstr){ 
                    var winstr="<table width="202" height="141" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#0000ff" bordercolordark="#ffffff" bgcolor="#ffffff">"; 
                    winstr+="<tr><td valign="top" style="font-size:12px;">"+msgstr+"</td></tr></table>"; 
                    oPopup.document.body.innerHTML = winstr; 
                    popshow(); 
                    } 
                    function popshow(){ 
                    if(popTop>1720){ 
                    clearTimeout(mytime); 
                    oPopup.hide(); 
                    return; 
                    }else if(popTop>1520&&popTop<1720){ 
                    oPopup.show(screen.width-208,screen.height,202,1720-popTop); 
                    }else if(popTop>1500&&popTop<1520){ 
                    oPopup.show(screen.width-208,screen.height+(popTop-1720),202,141); 
                    }else if(popTop<180){ 
                    oPopup.show(screen.width-208,screen.height,202,popTop); 
                    }else if(popTop<220){ 
                    oPopup.show(screen.width-208,screen.height-popTop,202,141); 
                    } 
                    popTop+=10; 
                    var mytime=setTimeout("popshow();",50); 
                    } 
                    popmsg("<a href=http://XXX.XXX.XXX/viewpmsg.php target=_blank>您可以点击这里读取短消息</a>"); 
                    //--> 
                    </script>

解决方案 »

  1.   

    msn QQ 右下角弹出上线通知<style type="text/css">
    <!--
    .box {
        border: 1px dotted #663333;
    }
    a {
        font-size: 12px;
    }
    a:link {
        text-decoration: none;
    }
    a:visited {
        text-decoration: none;
    }
    a:hover {
        text-decoration: none;
    }
    a:active {
        text-decoration: none;
    }
    body,td,th {
        font-size: 12px;
    }
    -->
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var end_top;
    var start_top;
    function active_info(type,detail,link_name,link_url)
    {
        msg_type.innerHTML=type;
        msg_detail.innerHTML=detail;
        msg_link.innerHTML="<a href="/+link_url+">"+link_name+"</a>";
        active_msg.style.left=document.body.scrollLeft+screen.availWidth-215-25;
        start_top=document.body.scrollTop+screen.availHeight-120;
        active_msg.style.top=start_top;
        active_msg.filters.Alpha.Opacity=100;
        active_msg.style.visibility="visible";
        end_top=start_top-180;
        show_msg();
    }function show_msg()
    {
        if(start_top>=end_top)
        {
            start_top-=1.5;        active_msg.style.top=start_top;
            setTimeout("show_msg()",1);
        }
        else
            setTimeout("msg_fade_out()",2000);
    }
    var Opacity=100;
    function msg_fade_out()
    {
        if(Opacity>0)
        {
        Opacity-=8;
        active_msg.filters.Alpha.Opacity=Opacity;
        setTimeout("msg_fade_out()",1);
        }
        else
        {
        active_msg.style.visibility="hidden";
        return;
        }
    }
    resizeTo(screen.width,screen.height);
    moveTo(0,0);
    //-->
    </SCRIPT><div id="active_msg" style="position:absolute; left:0px; top:0px; width:215px; height:180px; z-index:100;visibility:hidden;border:1px solid #000000; filter: Alpha(Opacity=0)">
      <TABLE height=180 cellSpacing=0 cellPadding=0 width=215 
          background="" border=0>
        <TBODY>
          <TR> 
            <TD height="40" colspan="3"> </TD>
          </TR>
          <TR> 
            <TD height="30"> </TD>
            <TD width="68" height="30"></TD>
            <TD width="85" height="30"><span id=msg_type ></span></TD>
          </TR>
          <TR> 
            <TD width="62" height="110"> </TD>
            <TD colspan="2" valign="top"><table width="90%"  border="0" align="center" cellpadding="0" cellspacing="0" class="box">
                <tr> 
                  <td height="80" align=center><span id=msg_detail>有新短消息</span></td>
                </tr>
                  <tr> 
                  <td height="20">相关链接:<span id=msg_link></span></td>
                </tr>
              </table></TD>
          </TR>
        </TBODY>
      </TABLE>
    </div><SCRIPT LANGUAGE="JavaScript">
    <!--
    active_info("短消息","美眉对你说:
    你好","蓝色理想","http://www.blueidea.com");
    //-->
    </SCRIPT>
      

  2.   

    以上的回答,先谢过了,只是,我没讲清楚,不好意思,我只想要个弹出效果跟msn一样的,但是还是要手工去关闭的。那个弹出窗口会显示一些信息,让用户去读,相当于另外一个网页,只是弹出特效是那样。
      

  3.   

    你的意思是那个弹出的窗口从右下角移动上来吗?
    你试试这个:<body onload="movePFW()"><script language="javascript">
      window.resizeTo(220,210);
      var windowW=220  // wide
      var windowH=210  // high
      var Yoffset=0   // in pixels, negative values allowed
      var windowStep=2 // move increment (pixels)
      var moveSpeed=12 // move speed (larger is slower)
      Xoffset=25;
      var windowX = (screen.width/2)-(windowW/2);
      windowX=screen.availWidth-Xoffset-windowW;
      var windowY = (screen.availHeight);
      var windowYstop = windowY-windowH-Yoffset;
      var windowYnow = windowY;
      window.focus ();
      resizeTo(windowW,windowH);
      moveTo(windowX,windowY);
      
      function movePFW()
      {
       if (document.all)
       {
        if (windowYnow>=windowYstop){
         moveTo(windowX,windowYnow);
         windowYnow=windowYnow-windowStep;
         timer=setTimeout("movePFW()",moveSpeed);
        }
        else
        {
         clearTimeout(timer);
         setTimeout("moveBack()",120000 )
         moveTo(windowX,windowYstop);
        }
       }
       else
       {
        moveTo(windowX,windowYstop);
       }
      }
      function moveBack()
      {
       if (document.all)
       {
        if (windowYnow<=windowY)
        {
         moveTo(windowX,windowYnow);
         windowYnow=windowYnow+windowStep;
         timer1=setTimeout("moveBack()",moveSpeed);
        }
        else
        {
         clearTimeout(timer1);
         moveTo(windowX,windowY);
         self.close()
        }
       }
       else
       {
        moveTo(windowX,windowYstop);
        self.close()
       }
      }
        </script>