JS模仿MSN右下角弹出提示框代码
aa
*
{
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;
}
window.onload=function()
{
var divTip = document.createElement("div");
divTip.id="tip";
divTip.innerHTML="
×asdf
asdf
";
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)
click
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]