JS模仿MSN右下角弹出提示框代码

ttx9n · 发表于 2010-9-17 09:00:43

JS模仿MSN右下角弹出提示框代码，需要的朋友可以参考下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>aa</title> 
<style type="text/css"> 
* 
{ 
margin: 0px; 
padding: 0px; 
} 
html, body 
{ 
height: 100%; 
} 
body 
{ 
font-size: 14px; 
line-height: 24px; 
} 
#tip 
{ 
position: absolute; 
right: 0px; 
bottom: 0px; 
height: 0px; 
width: 180px; 
border: 1px solid #CCCCCC; 
background-color: #eeeeee; 
padding: 1px; 
overflow: hidden; 
display: none; 
font-size: 12px; 
z-index: 10; 
} 
#tip p 
{ 
padding: 6px; 
} 
#tip h1, #detail h1 
{ 
font-size: 14px; 
height: 25px; 
line-height: 25px; 
background-color: #0066CC; 
color: #FFFFFF; 
padding: 0px 3px 0px 3px; 
filter: Alpha(Opacity=100); 
} 
#tip h1 a, #detail h1 a 
{ 
float: right; 
text-decoration: none; 
color: #FFFFFF; 
} 
</style> 
<script type="text/javascript"> 
window.onload=function() 
{ 
var divTip = document.createElement("div"); 
divTip.id="tip"; 
divTip.innerHTML="<h1><a href='javascript:void(0)' onclick='start()'>×</a>asdf</h1><p><a href='javascript:void(0)' onclick='showwin()'>asdf</a></p>"; 
divTip.style.height='0px'; 
divTip.style.bottom='0px'; 
divTip.style.position='fixed'; 
document.body.appendChild(divTip); 
} 
var handle; 
function start(count) 
{ 
var obj = document.getElementById("tip"); 
if (parseInt(obj.style.height)==0) 
{ obj.style.display="block"; 
handle = setInterval("changeH('up')",20); 
}else 
{ 
handle = setInterval("changeH('down')",20) 
} 
} 
function changeH(str) 
{ 
var obj=document.all?document.all["tip"] : document.getElementById("tip"); 
if(str=="up") 
{ 
if (parseInt(obj.style.height)>100) 
clearInterval(handle); 
else 
obj.style.height=(parseInt(obj.style.height)+8).toString()+"px"; 
} 
if(str=="down") 
{ 
if (parseInt(obj.style.height)<8) 
{ 
clearInterval(handle); 
obj.style.display="none"; 
} 
else 
obj.style.height=(parseInt(obj.style.height)-8).toString()+"px"; 
} 
} 
function showwin() 
{ 
document.getElementsByTagName("html")[0].style.overflow = "hidden"; 
start(); 
window.open("http://tools.jb51.net"); 
} 
</script> 
</head> 
<body> 
<a href="javascript:void(0)" onclick="start()">click</a> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

6ox8dn · 发表于 2022-9-18 21:03:54

老衲笑纳了

dingzhi521 · 发表于 2023-2-5 09:04:00

啊，数码撒飒飒飒飒

nwk53kbd · 发表于 2023-4-9 23:49:57

天天源码社区论坛

e8hwl6prw · 发表于 2023-6-24 03:06:42

呵呵呵呵呵呵

pb_tjc · 发表于 2023-10-17 22:51:25

dfdsafdsfdsfdsf

6hruhg · 发表于 2023-10-29 01:56:37

老大你好你好好你好

70r45_zs · 发表于 2023-11-22 17:53:56

谢谢分享，先下来用用

fzyzy · 发表于 2023-12-6 02:04:20

这个源码不错啊

lba36h7g · 发表于 2024-3-2 05:44:38

激动人心，无法言表！

账号		自动登录	找回密码
密码			立即注册

[JavaScript] JS模仿MSN右下角弹出提示框代码

相关帖子