html代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿QQ消息提示代码</title>
<link href="./img/qq2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./img/qq2.js"></script>
</head>
<body >
<div id="alex">
<img src="53935873.jpg" alt="" width="265" height="159" border="0" />
</div>
</body>
</html>
css代码:
#alex {
top: -200px;
left: 0px;
position:absolute;
z-index: 99999;
visibility: visible;
width: 265px;
height: 159px;
}
js代码:
window.onload = enetgetMsg;
window.onresize = enetresizeDiv;
window.onerror = function(){}
var enetdivTop,enetdivLeft,enetdivWidth,enetdivHeight,enetdocHeight,enetdocWidth,enetobjTimer,i = 0;
function enetgetMsg()
{
try{
enetdivTop = parseInt(document.getElementById("alex").style.top,10)
enetdivLeft = parseInt(document.getElementById("alex").style.left,10)
enetdivHeight = parseInt(document.getElementById("alex").offsetHeight,10)
enetdivWidth = parseInt(document.getElementById("alex").offsetWidth,10)
enetdocWidth = document.body.clientWidth;
enetdocHeight = document.body.clientHeight;
document.getElementById("alex").style.top = parseInt(document.body.scrollTop,10) + enetdocHeight + 10;// enetdivHeight
document.getElementById("alex").style.left = parseInt(document.body.scrollLeft,10) + enetdocWidth - enetdivWidth
document.getElementById("alex").style.visibility="visible"
enetobjTimer = window.setInterval("enetmoveDiv()",10)
}
catch(e){}
}
function enetresizeDiv()
{
i+=1
if(i>8888) enetcloseDiv()
try{
enetdivHeight = parseInt(document.getElementById("alex").offsetHeight,10)
enetdivWidth = parseInt(document.getElementById("alex").offsetWidth,10)
enetdocWidth = document.body.clientWidth;
enetdocHeight = document.body.clientHeight;
document.getElementById("alex").style.top = enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10)
document.getElementById("alex").style.left = enetdocWidth - enetdivWidth + parseInt(document.body.scrollLeft,10)
}
catch(e){}
}
function enetmoveDiv()
{
try
{
if(parseInt(document.getElementById("alex").style.top,10) <= (enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10)))
{
window.clearInterval(enetobjTimer)
enetobjTimer = window.setInterval("enetresizeDiv()",1)
}
enetdivTop = parseInt(document.getElementById("alex").style.top,10)
document.getElementById("alex").style.top = enetdivTop - 1
}
catch(e){}
}
function enetcloseDiv()
{
document.getElementById('alex').style.visibility='hidden';
if(enetobjTimer) window.clearInterval(enetobjTimer)
}