模仿QQ和MSN消息提示的效果,模仿QQ和MSN消息提示的效果
【 tulaoshi.com - Html 】
你一定很喜欢像或者好友登录提示的效果吧,那么怎么样能在网页中实现呢?正好我在蓝色理想中发现了这段代码,贴出给大家看看(注意,如果使用以下代码,先将全角“<>”替换成半角的“<”才能正常使用):
<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://img.tulaoshi.com/attachment/portal/oldjcwimg/2005-11/15/05111512361982888.gif"" width="90" height="27">欢迎光临蓝色理想,大量的设计资源等着你!有什么问题可以到经典论坛提出。");
</SCRIPT>
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)
来源:http://www.tulaoshi.com/n/20160129/1486770.html
看过《模仿QQ和MSN消息提示的效果》的人还看了以下文章 更多>>