仿 MSN网站首页弹出式欢迎词(兼容Firefox/IE)代码,JS代码库,德仔网

代码语言
代码分类
【JS】仿 MSN网站首页弹出式欢迎词(兼容Firefox/IE)
作者:李敬塔 / 发布于2012/12/5/ 653
<html><head>
<script language="javascript">

/****
**createDate:2009-01-11
**author:李敬塔
*****/
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,i = 0;
var popupMessage = new Object();
popupMessage.id = 'popupMessage';
popupMessage.obj = function(){
return document.getElementById(popupMessage.id);
};
popupMessage.onLoad = function(){
try{
divTop = parseInt(popupMessage.obj().style.top,10);
divLeft = parseInt(popupMessage.obj().style.left,10);
divHeight = parseInt(popupMessage.obj().offsetHeight,10);
divWidth = parseInt(popupMessage.obj().offsetWidth,10);
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
popupMessage.obj().style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;
popupMessage.obj().style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;
popupMessage.obj().style.visibility="visible";
popupMessage.timer = window.setInterval(popupMessage.move,2);
}
catch(e){}
};
popupMessage.onResize = function(){
i+=1;
if(i>1000) popupMessage.close();
try{
divHeight = parseInt(popupMessage.obj().offsetHeight,10);
divWidth = parseInt(popupMessage.obj().offsetWidth,10);
docWidth = document.body.clientWidth-1;
docHeight = document.body.clientHeight-1;
popupMessage.obj().style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);
popupMessage.obj().style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);
}
catch(e){}
};
popupMessage.move = function(){
try
{
 if(parseInt(popupMessage.obj().style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
 {
  window.clearInterval(popupMessage.timer);
  popupMessage.timer = window.setInterval(popupMessage.onResize,1);
 }
  divTop = parseInt(popupMessage.obj().style.top,10);
  popupMessage.obj().style.top = divTop - 1;
 }
catch(e){}
};
popupMessage.close = function(){
if(popupMessage.obj()) popupMessage.obj().parentNode.removeChild(popupMessage.obj());
if(popupMessage.timer) window.clearInterval(popupMessage.timer);
};
popupMessage.createInstance = function(bodyHtml){
try
{
if(popupMessage.obj())popupMessage.obj().parentNode.removeChild(popupMessage.obj());
if(popupMessage.timer) window.clearInterval(popupMessage.timer);
i=0;
var odiv = document.createElement('DIV');
odiv.id = popupMessage.id;
odiv.style.background="#CFDEF4";odiv.style.border='solid 1px #3399FF';
odiv.style.width="199px";
odiv.style.height="auto";
odiv.style.visibility="hidden";
odiv.style.position="absolute";
odiv.style.zIndex="99999";
odiv.style.left="0px";
odiv.innerHTML = bodyHtml;
document.body.appendChild(odiv);
}
catch(e){}
};
window.onresize = popupMessage.onResize;
function popupMessagePopup(bodyHtml)
{
popupMessage.createInstance(bodyHtml);
popupMessage.onLoad();
}
popupMessage.convertWin = function(){
var msg = document.getElementById('msgContent');
var contentdis = document.getElementById('btContent');
var flg = msg.style.display=="none";
if(flg)
{
contentdis.innerHTML = '—';
contentdis.title='最小化窗口';
msg.style.display = "block";
}
else
{
contentdis.innerHTML = '□';
contentdis.title='最大化窗口';
msg.style.display = "none";
}
}
function myPopup(msgstr)
{
 var divstr="<div style=\"width:198px;height:auto;background-color:#CFDEF4;font-size:12px;border:solid 1px #3399FF;\">";
  divstr+="<div style=\"width:100%;height:auto;float:left;\">";
  divstr+="<span style=\"width:130px;float:left;text-align:left;text-indent:8px;padding:4px;color:#0C53C5;\">消息提示</span>";
  divstr+="<span title=\"关闭\" style=\"width:15px;border-width:0px;float:right;margin- right:5px;padding:4px;"
     +"color:Red; cursor:pointer;font-weight:bold;\" onclick=\"popupMessage.close();return false;\">×</span>";
  divstr+="<span id=\"btContent\" title=\"最小化窗口\" style=\"width:15px;border-width:0px;"
        +"float:right;padding:4px; margin-right:7px;color:Red;cursor:pointer;font-weight:bold;\""
     + " onclick=\"popupMessage.convertWin();\">—</span></div>";
  divstr+="<div id=\"msgContent\" style=\"width:100%;overflow:hidden;height:60px;line-height:60px;float:left;WORD-BREAK:break-all;"
     +"border-top:solid 1px #3399FF;text-align:left; text-indent:10px;\">"
        +"<span style=\"font-size:16px; padding:8px; color:Red; \">"+msgstr+"</span></div></div>";  
 
  popupMessagePopup(divstr);
}
</script>
</head>
<body>


<input type="button" value="test" onClick="myPopup('你的好友 我我我上线了');">
</body>
</html>
试试其它关键字
　MSN网站　
同语言下
可能有用的
李敬塔贡献的其它代码(13)