有背景的真正QQ消息框
<div class="maintable">
<script language="JavaScript">
var isNS = 0; // new code
if (navigator.appName.indexOf('Netscape') != -1) {isNS = 1;}//new code
var popupWinoldonloadHndlr=window.onload, popupWinpopupHgt, popupWinactualHgt, popupWintmrId=-1, popupWinresetTimer;
var popupWintitHgt, popupWincntDelta, popupWintmrHide=-1, popupWinhideAfter=10000, popupWinhideAlpha, popupWinhasFilters=true;
var popupWinnWin, popupWinshowBy=null, popupWindxTimer=-1, popupWinpopupBottom;
var popupWinnText,popupWinnMsg,popupWinnTitle,popupWinbChangeTexts=false;
window.onload=popupWinespopup_winLoad;
var popupWinoldonscrollHndr=window.onscroll;
window.onscroll=popupWinespopup_winScroll;
popupWinnText="<head><title>Title here</title><style type=\"text/css\">body { background:#E0E9F8; padding:5px; filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#FFE0E9F8', EndColorStr='#FFFFFFFF'); } h1 { font:bold 16px arial,sans-serif; color:#1F336B; text-align:center; margin:0px; } p { font:14px arial,sans-serif; color:#1F336B; }</style></head><body><h1>Title here</h1><p>This very long text will be displayed in new window. To open this window click on \"Show Popup\" button and then click on popup window.</p></body>";
function popupWinespopup_winScroll()
{
if (popupWinoldonscrollHndr!=null) popupWinoldonscrollHndr();
if (popupWintmrHide!=-1)
{
el=document.getElementById('popupWin');
el.style.display='none'; el.style.display='block';
}
}
function popupWinespopup_ShowPopup(show)
{
if (popupWindxTimer!=-1) { el.filters.blendTrans.stop(); }
if ((popupWintmrHide!=-1) && ((show!=null) && (show==popupWinshowBy)))
{
clearInterval(popupWintmrHide);
popupWintmrHide=setInterval(popupWinespopup_tmrHideTimer,popupWinhideAfter);
return;
}
if (popupWintmrId!=-1) return;
popupWinshowBy=show;
elCnt=document.getElementById('popupWin_content')
elTit=document.getElementById('popupWin_header');
el=document.getElementById('popupWin');
el.style.left='';
el.style.top='';
el.style.filter='';
if (popupWintmrHide!=-1) clearInterval(popupWintmrHide); popupWintmrHide=-1;
document.getElementById('popupWin_header').style.display='none';
document.getElementById('popupWin_content').style.display='none';
if (navigator.userAgent.indexOf('Opera')!=-1)
el.style.bottom=(document.body.scrollHeight*1-document.body.scrollTop*1
-document.body.offsetHeight*1+1*popupWinpopupBottom)+'px';
if (popupWinbChangeTexts)
{
popupWinbChangeTexts=false;
document.getElementById('popupWinaCnt').innerHTML=popupWinnMsg;
document.getElementById('popupWintitleEl').innerHTML=popupWinnTitle;
}
popupWinactualHgt=0; el.style.height=popupWinactualHgt+'px';
el.style.visibility='';
if (!popupWinresetTimer) el.style.display='';
popupWintmrId=setInterval(popupWinespopup_tmrTimer,(popupWinresetTimer?1000:20));
}
function popupWinespopup_winLoad()
{
if (popupWinoldonloadHndlr!=null) popupWinoldonloadHndlr();
elCnt=document.getElementById('popupWin_content')
elTit=document.getElementById('popupWin_header');
el=document.getElementById('popupWin');
popupWinpopupBottom=el.style.bottom.substr(0,el.style.bottom.length-2);
popupWintitHgt=elTit.style.height.substr(0,elTit.style.height.length-2);
popupWinpopupHgt=el.style.height;
popupWinpopupHgt=popupWinpopupHgt.substr(0,popupWinpopupHgt.length-2); popupWinactualHgt=0;
popupWincntDelta=popupWinpopupHgt-(elCnt.style.height.substr(0,elCnt.style.height.length-2));
if (true)
{
popupWinresetTimer=true;
popupWinespopup_ShowPopup(null);
}
}
function popupWinespopup_tmrTimer()
{
el=document.getElementById('popupWin');
if (popupWinresetTimer)
{
el.style.display='';
clearInterval(popupWintmrId); popupWinresetTimer=false;
popupWintmrId=setInterval(popupWinespopup_tmrTimer,20);
}
popupWinactualHgt+=5;
if (popupWinactualHgt>=popupWinpopupHgt)
{
popupWinactualHgt=popupWinpopupHgt; clearInterval(popupWintmrId); popupWintmrId=-1;
document.getElementById('popupWin_content').style.display='';
if (popupWinhideAfter!=-1) popupWintmrHide=setInterval(popupWinespopup_tmrHideTimer,popupWinhideAfter);
}
if (popupWintitHgt<popupWinactualHgt-6)
document.getElementById('popupWin_header').style.display='';
if ((popupWinactualHgt-popupWincntDelta)>0)
{
elCnt=document.getElementById('popupWin_content')
elCnt.style.display='';
elCnt.style.height=(popupWinactualHgt-popupWincntDelta)+'px';
}
el.style.height=popupWinactualHgt+'px';
}
function popupWinespopup_tmrHideTimer()
{
clearInterval(popupWintmrHide); popupWintmrHide=-1;
el=document.getElementById('popupWin');
if ((popupWinhasFilters)&&(isNS == 0)) //new code
{
backCnt=document.getElementById('popupWin_content').innerHTML;
backTit=document.getElementById('popupWin_header').innerHTML;
document.getElementById('popupWin_content').innerHTML='';
document.getElementById('popupWin_header').innerHTML='';
el.style.filter='blendTrans(duration=1)';
el.filters.blendTrans.apply();
el.style.visibility='hidden';
el.filters.blendTrans.play();
document.getElementById('popupWin_content').innerHTML=backCnt;
document.getElementById('popupWin_header').innerHTML=backTit;
popupWindxTimer=setInterval(popupWinespopup_dxTimer,1000);
}
else el.style.visibility='hidden';
}
function popupWinespopup_dxTimer()
{
clearInterval(popupWindxTimer); popupWindxTimer=-1;
}
function popupWinespopup_Close()
{
if (popupWintmrId==-1)
{
el=document.getElementById('popupWin');
el.style.filter='';
el.style.display='none';
if (popupWintmrHide!=-1) clearInterval(popupWintmrHide); popupWintmrHide=-1;
}
}
function popupWinespopup_ShowWindow()
{
if (popupWinnWin!=null) popupWinnWin.close();
popupWinnWin=window.open('','popupWinnWin','width=300,height=200,scrollbars=no, '+
'menubar=no, resizable=no, status=no, toolbar=no, location=no');
popupWinnWin.document.write(popupWinnText);
}
var popupWinmousemoveBack,popupWinmouseupBack;
var popupWinofsX,popupWinofsY;
function popupWinespopup_DragDrop(e)
{
popupWinmousemoveBack=document.body.onmousemove;
popupWinmouseupBack=document.body.onmouseup;
ox=(e.offsetX==null)?e.layerX:e.offsetX;
oy=(e.offsetY==null)?e.layerY:e.offsetY;
popupWinofsX=ox; popupWinofsY=oy;
document.body.onmousemove=popupWinespopup_DragDropMove;
document.body.onmouseup=popupWinespopup_DragDropStop;
if (popupWintmrHide!=-1) clearInterval(popupWintmrHide);
}
function popupWinespopup_DragDropMove(e)
{
el=document.getElementById('popupWin');
if (e==null&&event!=null)
{
el.style.left=(event.clientX*1+document.body.scrollLeft-popupWinofsX)+'px';
el.style.top=(event.clientY*1+document.body.scrollTop-popupWinofsY)+'px';
event.cancelBubble=true;
}
else
{
el.style.left=(e.pageX*1-popupWinofsX)+'px';
el.style.top=(e.pageY*1-popupWinofsY)+'px';
e.cancelBubble=true;
}
if ((event.button&1)==0) popupWinespopup_DragDropStop();
}
function popupWinespopup_DragDropStop()
{
document.body.onmousemove=popupWinmousemoveBack;
document.body.onmouseup=popupWinmouseupBack;
}
</script>// 本代码来自南大科院社区，朱晖整理提供！ndkj.21pages.net zhuhui.go.3322.org
<div id="popupWin" style="border:0px solid #000000; display:none; position:absolute; z-index:9999; width:180px; height:115px; right:1px; bottom:1px; background-image:url('http://www.hudiefang.com/bbs/attachments/pmlogin_6t5pAipgjLsw.jpg')" onselectstart="return false;" onmousedown="return popupWinespopup_DragDrop(event);" >
<div id="popupWin_header" style="cursor:default; display:none; position:absolute; left:0px; width:178px; top:5px; height:18px; font:12px arial,sans-serif; color:#000000; text-decoration:none;">
<span id="popupWintitleEl"><b><center>消息提示</center></b></span>
<span style="position:absolute; right:0px; top:2px; cursor:pointer; color:#FFFFFF; font:bold 10px arial,sans-serif; position:absolute; right:4px;" onclick="popupWinespopup_Close()" onmousedown="event.cancelBubble=true;" onmouseover="style.color='#FFFFFF';" onmouseout="style.color='#FFFFFF';"> ·</span></div>
<div id="popupWin_content" onmousedown="event.cancelBubble=true;" style="display:none; border-left:0px solid #000000; border-top:0px solid #000000; border-bottom:0px solid #000000; border-right:0px solid #000000; padding:0px; overflow:hidden; text-align:center; position:absolute; left:0px; width:178px; top:35px; height:80px;">
<font color="red">欢迎光临南大科院社区--ndkj.21pages.net</font><br><br>
<font color=#000000>请您【<a href="logging.php?action=login">登录</a>】或【<a href="register.php">注册</a>】</font><br><br><font color=#666666>本提示数秒后自动隐藏</font><br><br>
</div></div> </div>
浙公网安备 33010602011771号