模仿QQ和MSN消息提示的效果
时间:2007-02-17 来源:PHP爱好者
你一定很喜欢像QQ或者MSN好友登录提示的效果吧,那么怎么样能在网页中实现呢?正好我在蓝色理想中发现了这段代码,贴出给大家看看(注意,如果使用以下代码,先将全角“<>”替换成半角的“<>”才能正常使用):
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style="border: 1 solid #FFA6CA" width="241" height="172" border="0" cellpadding="0" cellspacing="0" background="http://www.blueidea.com/articleimg/2004/01/1576/04-s.jpg" >";
winstr+="<tr><td height="30"> </td></tr><tr><td align="center"><table width="90%" height="110" border="0" cellpadding="0" cellspacing="0">";
winstr+="<tr><td valign="top" style="font-size:12px; color: red; face: Tahoma">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1720){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1520&&popTop<1720){
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
}else if(popTop>1500&&popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172);
}else if(popTop<180){
oPopup.show(screen.width-250,screen.height,241,popTop);
}else if(popTop<220){
oPopup.show(screen.width-250,screen.height-popTop,241,172);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg(" <img border="0" src="http://www.blueidea.com/img/common/logo.gif" width="90" height="27">欢迎光临蓝色理想,大量的设计资源等着你!有什么问题可以到经典论坛提出。");
</SCRIPT>
php爱好者站 http://www.phpfans.net php基础|php进阶|php模板.