效果图：
实现这样的效果步骤如下：
1.把下面的代码添加到页首Html代码
<script language="javascript">
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,i = 0;
var eMsg = new Object();
eMsg.id = 'eMsg';
eMsg.obj = function(){return document.getElementById(eMsg.id);};
eMsg.onLoad = function(){
try{
divTop = parseInt(eMsg.obj().style.top,10);
divLeft = parseInt(eMsg.obj().style.left,10);
divHeight = parseInt(eMsg.obj().offsetHeight,10);
divWidth = parseInt(eMsg.obj().offsetWidth,10);
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;//内容高度
//alert(document.body.scrollTop);
//return;
/**//*
alert("top.window.screen.availHeight "+docHeight);
alert("top.window.screenTop "+top.window.screenTop);
alert("document.body.clientHeight "+document.body.clientHeight);
alert("document.body.clientWidth "+docWidth);
alert("document.documentElement.scrollTop "+document.documentElement.scrollTop);
*/
eMsg.obj().style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;//parseInt(document.body.scrollTop,10)被document.documentElement.scrollTop替换
eMsg.obj().style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;
eMsg.obj().style.visibility="visible";
eMsg.timer = window.setInterval(eMsg.move,2);
//hp.skin.onBeforChange = function(){
// if(eMsg.obj())eMsg.obj().parentNode.removeChild(eMsg.obj());
//};
}
catch(e){}
};
eMsg.onResize = function(){
i+=1;
//alert(i);
if(i>1000) eMsg.close();
try{
divHeight = parseInt(eMsg.obj().offsetHeight,10);
divWidth = parseInt(eMsg.obj().offsetWidth,10);
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
eMsg.obj().style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);//parseInt(document.body.scrollTop,10)被document.documentElement.scrollTop替换
eMsg.obj().style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);
}
catch(e){}
};
eMsg.move = function(){
try
{
if(parseInt(eMsg.obj().style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))//parseInt(document.body.scrollTop,10)被document.documentElement.scrollTop替换
{
window.clearInterval(eMsg.timer);
eMsg.timer = window.setInterval(eMsg.onResize,1);
}
divTop = parseInt(eMsg.obj().style.top,10);
eMsg.obj().style.top = divTop - 1;
}
catch(e){}
};
eMsg.close = function(){
//alert('will close');
if(eMsg.obj()) eMsg.obj().parentNode.removeChild(eMsg.obj());
if(eMsg.timer) window.clearInterval(eMsg.timer);
};
eMsg.createInstance = function(bodyHtml){
//if(!titleHtml || !bodyHtml)throw '必须为titleHtml指定值,必须为bodyHtml指定值。';
try
{
if(eMsg.obj())eMsg.obj().parentNode.removeChild(eMsg.obj()
