运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<title>右下角窗口</title>
2
<SCRIPT>
3
var oPopup = window.createPopup();
4
var popTop=50;
5
function popmsg(msgstr){
6
var winstr="<table style=\"border: 1 solid  #6D93C8\"  width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"   >";
7
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
8
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: #6D93C8; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";
9
oPopup.document.body.innerHTML = winstr;
10
popshow();
11
}
12
13
function popshow(){
14
window.status=popTop;
15
if(popTop>1720){
16
clearTimeout(mytime);
17
oPopup.hide();
18
return;
19
}else if(popTop>1520&&popTop<1720){
20
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
21
}else if(popTop>1500&&popTop<1520){
22
oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172);
23
}else if(popTop<180){
24
oPopup.show(screen.width-250,screen.height,241,popTop);
25
}else if(popTop<220){
26
oPopup.show(screen.width-250,screen.height-popTop,241,172);
27
}
28
popTop+=10;
29
var mytime=setTimeout("popshow();",50);
30
}
31
popmsg("手册网提示,你已经在电脑旁坐很长时间了,还没有要休息的意思吗?");
32
</SCRIPT>
33
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
xxxxxxxxxx
1
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
JS输出右下角的滑出POP提示窗口
分类
网站常用
描述
这是一个用JS控制输出右下角窗口的一个小例子,它是可以关闭的,点击小窗口以外的地方,窗口就关闭了,这个代码比较简单,但是对HTML不太熟的朋友修改着有些麻烦,因为它完全是用Js输出的HTML标签。
收藏