你用个层,层里面放个embed标签,再放个关闭的图片,自己处理层的移动。
恐怕没有人能给你写一个详细的代码。

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>太平洋??网</title>
    <SCRIPT language=javascript>
    //more javascript from http://www.smallrain.net
    window.onload = enetgetMsg;
    window.onresize = enetresizeDiv;
    window.onerror = function(){}
    var enetdivTop,enetdivLeft,enetdivWidth,enetdivHeight,enetdocHeight,enetdocWidth,enetobjTimer,i = 0;
    function enetgetMsg()
    {
    try{
    enetdivTop = parseInt(document.getElementById("enetMeng").style.top,10)
    enetdivLeft = parseInt(document.getElementById("enetMeng").style.left,10)
    enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10)
    enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10)
    enetdocWidth = document.body.clientWidth;
    enetdocHeight = document.body.clientHeight;
    document.getElementById("enetMeng").style.top = parseInt(document.body.scrollTop,10) + enetdocHeight + 10;// enetdivHeight
    document.getElementById("enetMeng").style.left = parseInt(document.body.scrollLeft,10) + enetdocWidth - enetdivWidth
    document.getElementById("enetMeng").style.visibility="visible"
    enetobjTimer = window.setInterval("enetmoveDiv()",10)
    }
    catch(e){}

     
    function enetresizeDiv()
    {
    i+=1
    if(i>600) enetcloseDiv()
    try{
    enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10)
    enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10)
    enetdocWidth = document.body.clientWidth;
    enetdocHeight = document.body.clientHeight;
    document.getElementById("enetMeng").style.top = enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10)
    document.getElementById("enetMeng").style.left = enetdocWidth - enetdivWidth + parseInt(document.body.scrollLeft,10)
    }
    catch(e){}
    }
    function enetmoveDiv()
    {
    try
    {
    if(parseInt(document.getElementById("enetMeng").style.top,10) <= (enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10)))
    {
    window.clearInterval(enetobjTimer)
    enetobjTimer = window.setInterval("enetresizeDiv()",1)
    }
    enetdivTop = parseInt(document.getElementById("enetMeng").style.top,10)
    document.getElementById("enetMeng").style.top = enetdivTop - 1
    }
    catch(e){}
    }
    function enetcloseDiv()
    {
    document.getElementById('enetMeng').style.visibility='hidden';
    if(enetobjTimer) window.clearInterval(enetobjTimer)
    }
    </SCRIPT>
    </head><body bgcolor="#CCCCCC">
    <DIV id=enetMeng 
    style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; VISIBILITY: visible; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 241px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: -200px; HEIGHT: 157px"> 
    <TABLE WIDTH=255 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#DAE6FC">
    <TR><TD height="30" valign="top" background="qqimages/heihei_1.jpg">
    <table width="255" height="19" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="212" valign="bottom"><strong><font size="2"> <font color="#FF6600">消息框</font></font></strong></td>
    <td width="43" style="cursor:hand" onClick="enetcloseDiv()"> </td>
    </tr>
    </table> </TD>
    </TR>
    <TR>
    <TD height="122" background="qqimages/heihei_2.jpg" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1">
    <tr> 
    <td width="95%"><table align="center" width="98%"><tr><td>
    ?迎?来到太平洋??网?件???目</td><tr></table></td>
    </tr>
    </table> </TD>
    </TR>
    <TR>
    <TD>
    <IMG SRC="qqimages/heihei_3.gif" WIDTH=255 HEIGHT=7 ALT=""></TD>
    </TR>
    </TABLE></div>
    <h3>模?QQ消息提示框</h3>
    <p>?明:模?QQ会?登??提示信息,自?面右下角慢慢升起的效果</p>
    <p>使用方法:把head和body区域内的代?加入到相?位置即可。</p>
    </body>
    </html>