JS右下角的弹出窗口_浏览器特效

右下角的弹出窗口，现在很流行的网页小技巧，广泛应用到消息提示、广告等用途上。本窗口可以自动关闭或双击关闭，代码超简洁，就是有个小缺憾是，弹出的窗口代码是用JS输出的，这给一些不熟悉JS和HTML的朋友用起来千万一定麻烦，慢慢研究一下吧。

<html>
<head>
<title>右下角的弹出窗口</title>
<meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312">
</head>
<body>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid #6D93C8\" width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" >";
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 align=\"center\" valign=\"top\" style=\"font-size:12px; color: #6D93C8; 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("我是模板无忧，这个窗口就是我！");
</SCRIPT>
</body>
</html>

所属频道：浏览器特效/更新时间：2013-04-24

[收藏][报错][返回列表]

JS右下角的弹出窗口_浏览器特效

浏览器特效Rss订阅特效代码搜索

浏览器特效推荐

猜你也喜欢看这些