模仿QQ弹出窗口的源代码(推荐)
来源:互联网 发布:网络尬舞是什么意思 编辑:程序博客网 时间:2024/05/07 07:09
<html>
<!--把下列代码加到head区域内-->
<head>
<SCRIPT language=javascript>
//more javascript from http://www.webjx.com
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("enetMeng").style.top,10);
enetdivLeft = parseInt(document.getElementById("enetMeng").style.left,10);
enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10);
enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10);
enetdocWidth = document.body.clientWidth;
enetdocHeight = document.body.clientHeight;
// enetdivHeight
document.getElementById("enetMeng").style.top = parseInt(document.body.scrollTop,10) + enetdocHeight + 10;
document.getElementById("enetMeng").style.left =
parseInt(document.body.scrollLeft,10) + enetdocWidth - enetdivWidth;
document.getElementById("enetMeng").style.visibility="visible";
enetobjTimer = window.setInterval("enetmoveDiv()",10);
}
catch(e){
}
}
function enetresizeDiv(){
i+=1;
if(i>600){
enetcloseDiv()
}
try{
enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10);
enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10);
enetdocWidth = document.body.clientWidth;
enetdocHeight = document.body.clientHeight;
document.getElementById("enetMeng").style.top =
enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10);
document.getElementById("enetMeng").style.left =
enetdocWidth - enetdivWidth + parseInt(document.body.scrollLeft,10);
}
catch(e){
}
}
function enetmoveDiv(){
try{
if(parseInt(document.getElementById("enetMeng").style.top,10) <=
(enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10))){
window.clearInterval(enetobjTimer);
enetobjTimer = window.setInterval("enetresizeDiv()",1);
}
enetdivTop = parseInt(document.getElementById("enetMeng").style.top,10);
document.getElementById("enetMeng").style.top = enetdivTop - 1;
}
catch(e){
}
}
function enetcloseDiv(){
document.getElementById('enetMeng').style.visibility='hidden';
if(enetobjTimer){
window.clearInterval(enetobjTimer);
}
}
</SCRIPT>
</head>
<body>
<!--把下列代码加到BODY区域内-->
<DIV id=enetMeng
style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid;
Z-INDEX: 99999; LEFT: 0px; VISIBILITY: visible; BORDER-LEFT: #a6b4cf 1px solid;
WIDTH: 241px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: -200px; HEIGHT: 157px">
<TABLE WIDTH=255 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#DAE6FC">
<TR>
<TD height="30" valign="top" background="qqimages/heihei_1.jpg">
<table width="255" height="19" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="212" valign="bottom">
<strong><font color="#FF6600" size="2">消息框</font></strong>
</td>
<td width="10" style="cursor:hand" onClick="enetcloseDiv()">
close
</td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD height="122" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1">
<table align="center" width="98%">
<tr>
<td>
欢迎你来到网页教学网http://www.webjx.com
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</DIV>
</body>
</html>
<!--把下列代码加到head区域内-->
<head>
<SCRIPT language=javascript>
//more javascript from http://www.webjx.com
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("enetMeng").style.top,10);
enetdivLeft = parseInt(document.getElementById("enetMeng").style.left,10);
enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10);
enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10);
enetdocWidth = document.body.clientWidth;
enetdocHeight = document.body.clientHeight;
// enetdivHeight
document.getElementById("enetMeng").style.top = parseInt(document.body.scrollTop,10) + enetdocHeight + 10;
document.getElementById("enetMeng").style.left =
parseInt(document.body.scrollLeft,10) + enetdocWidth - enetdivWidth;
document.getElementById("enetMeng").style.visibility="visible";
enetobjTimer = window.setInterval("enetmoveDiv()",10);
}
catch(e){
}
}
function enetresizeDiv(){
i+=1;
if(i>600){
enetcloseDiv()
}
try{
enetdivHeight = parseInt(document.getElementById("enetMeng").offsetHeight,10);
enetdivWidth = parseInt(document.getElementById("enetMeng").offsetWidth,10);
enetdocWidth = document.body.clientWidth;
enetdocHeight = document.body.clientHeight;
document.getElementById("enetMeng").style.top =
enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10);
document.getElementById("enetMeng").style.left =
enetdocWidth - enetdivWidth + parseInt(document.body.scrollLeft,10);
}
catch(e){
}
}
function enetmoveDiv(){
try{
if(parseInt(document.getElementById("enetMeng").style.top,10) <=
(enetdocHeight - enetdivHeight + parseInt(document.body.scrollTop,10))){
window.clearInterval(enetobjTimer);
enetobjTimer = window.setInterval("enetresizeDiv()",1);
}
enetdivTop = parseInt(document.getElementById("enetMeng").style.top,10);
document.getElementById("enetMeng").style.top = enetdivTop - 1;
}
catch(e){
}
}
function enetcloseDiv(){
document.getElementById('enetMeng').style.visibility='hidden';
if(enetobjTimer){
window.clearInterval(enetobjTimer);
}
}
</SCRIPT>
</head>
<body>
<!--把下列代码加到BODY区域内-->
<DIV id=enetMeng
style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid;
Z-INDEX: 99999; LEFT: 0px; VISIBILITY: visible; BORDER-LEFT: #a6b4cf 1px solid;
WIDTH: 241px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: -200px; HEIGHT: 157px">
<TABLE WIDTH=255 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#DAE6FC">
<TR>
<TD height="30" valign="top" background="qqimages/heihei_1.jpg">
<table width="255" height="19" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="212" valign="bottom">
<strong><font color="#FF6600" size="2">消息框</font></strong>
</td>
<td width="10" style="cursor:hand" onClick="enetcloseDiv()">
close
</td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD height="122" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1">
<table align="center" width="98%">
<tr>
<td>
欢迎你来到网页教学网http://www.webjx.com
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</DIV>
</body>
</html>
- 模仿QQ弹出窗口的源代码(推荐)
- JavaScript模仿MSN的弹出窗口FLASH
- 模仿qq头像上传的弹出框效果
- 如何查看弹出窗口的源代码
- 如何查看弹出窗口的源代码
- 实现QQ弹出窗口
- QQ弹出窗口
- 弹出在线QQ窗口
- 弹出窗口源代码
- iOS开发之模仿qq通讯录源代码!
- 模仿QQ、MSN短消息提示窗口
- jQuery模仿window7窗口弹出效果
- 网页弹出qq聊天窗口
- ASP.NET 2.0 中类似QQ的弹出信息窗口
- 一个类似QQ弹出窗口的JQUERY插件
- 点击qq图标,弹出与其对话聊天的窗口
- 弹出窗口杀手,加了注释的源代码
- js-javascript-鼠标悬停弹出大图窗口的源代码
- EJB 3.0持久化规范之实体类的要求
- 同步两个SQLServer数据库
- 文章大类控制小类的asp.net代码,dataset过滤缓存...
- 使用CSS+JavaScript实现可拖动的窗口的源代码(推荐)
- crossdomain.xml
- 模仿QQ弹出窗口的源代码(推荐)
- 7个有效的文本编辑习惯 - Bram Moolenaar在google的演讲
- 实现字符串加一效果
- 春节长假
- appfuse 1.9 在eclipse 里的安装配置
- 转:appfuse结合eclipse开发流程
- 初来
- 学师三天无敌天下,学师三年寸步难行
- only one instance