页面右下角弹出窗口

来源:互联网 发布:javascript 页面滚动 编辑:程序博客网 时间:2024/05/01 09:38

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>gloomyboyo page</title>
</head>
<Script language="JavaScript">
<!--

var divid = "eMeng1";

window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//短信提示使用(asilas添加)
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
    try{
    divTop = parseInt(document.getElementById(divid).style.top,10)
    divLeft = parseInt(document.getElementById(divid).style.left,10)
    divHeight = parseInt(document.getElementById(divid).offsetHeight,10)
    divWidth = parseInt(document.getElementById(divid).offsetWidth,10)
    docWidth = document.body.clientWidth;
    docHeight = document.body.clientHeight;
    document.getElementById(divid).style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
    document.getElementById(divid).style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
    document.getElementById(divid).style.visibility="visible"
    objTimer = window.setInterval("moveDiv()",10)
    }
    catch(e){}
}

function resizeDiv()
{
    i+=1
    //if(i>300) closeDiv()    //客户想不用自动消失由用户来自己关闭所以屏蔽这句
    try{
    divHeight = parseInt(document.getElementById(divid).offsetHeight,10)
    divWidth = parseInt(document.getElementById(divid).offsetWidth,10)
    docWidth = document.body.clientWidth;
    docHeight = document.body.clientHeight;
    document.getElementById(divid).style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
    document.getElementById(divid).style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
    }
    catch(e){}
}

function moveDiv()
{
    try
    {
    if(parseInt(document.getElementById(divid).style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
    {
    window.clearInterval(objTimer)
    objTimer = window.setInterval("resizeDiv()",1)
    }
    divTop = parseInt(document.getElementById(divid).style.top,10)
    document.getElementById(divid).style.top = divTop - 1
    }
    catch(e){}
}
function closeDiv()
{
    document.getElementById(divid).style.visibility='hidden';
    if(objTimer) window.clearInterval(objTimer)
}
-->
</Script>
<!--温馨提示代码开始-->
<div id="eMeng1" style="border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; z-index:99999; left: 0px; visibility: hidden; border-left: #a6b4cf 1px solid; border-bottom: #455690 1px solid; position: absolute; top: 0px; width: 180px; height: 20px; background-color: #c9d3f3">
    <table style="border-top: #ffffff 1px solid; border-left: #ffffff 1px solid" cellspacing=0 cellpadding=0 width="100%" bgcolor=#afdcf3 border=0>
    <tbody>
        <tr bgcolor=#FD7D00>
            <td style="font-weight: normal; font-size: 12px; color: #ffffff; padding-left: 4px; padding-top: 4px" height=24 valign=center width="100%"> 网站温馨提示:</td>
            <td valign=center align=right width=19><span title=关闭 style="cursor: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >[×]</span></td>
        </tr>
        <tr>
            <td style="background-image: url('http://pic.tianyaclub.com/images/windty_bg.jpg'); padding-right: 1px; padding-bottom: 1px" align=center colspan=3 height=30>
                <div style="border-right: #b9c9ef 1px solid; padding-right: 13px; border-top: #728eb8 1px solid; padding-left: 13px; font-size: 12px; padding-bottom: 13px; border-left: #728eb8 1px solid; width: 100%; color: #1f336b; padding-top: 18px; border-bottom: #b9c9ef 1px solid; height: 100%">欢迎进入我的网站<br>
                <div align=center style="word-break:break-all"><a href="弹出页面地址" target="_blank">
                <font color=#ff0000>新手上路</font></a></div>

                </div>
            </td>
        </tr>
    </tbody>
    </table>
</div>
<!--温馨提示代码结束-->
</html>

原创粉丝点击