右下角弹窗带缩小、关闭和还原功能【转载】

来源:互联网 发布:动态发光字网络生成. 编辑:程序博客网 时间:2024/05/18 19:37

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 可最小化和关闭的右下角浮动窗口 站长特效网</title>
<style type="text/css">
<!--
#ww_zzjs_net {border:#0066FF 1px solid;}
#zzjs_net {border:#0066FF 1px solid;}
.www_zzjs_net_head {color: #FFFFFF; font-size:13px; background-color:#5e7aa6; height:25px; padding:0,5,0,5;}
#www_zzjs_net {background-color:#FFFFFF; border:#0066FF 1px solid; border-left-style:none; border-right-style:none;}
-->
</style>
<script type="text/javascript">
<!--
 window.onload = getMsg;
 window.onresize = resizeDiv;
 window.onerror = function(){}
 var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
 function getMsg()
 {//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
  try
  {
   divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);
   divLeft = parseInt(document.getElementById("ww_zzjs_net").style.left,10);
   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);
   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);
   docWidth = document.body.clientWidth;
   docHeight = document.body.clientHeight;
   document.getElementById("ww_zzjs_net").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10; //divHeight
   document.getElementById("ww_zzjs_net").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;
   document.getElementById("ww_zzjs_net").style.visibility="visible";
   objTimer = window.setInterval("moveDiv()",10);
  }
  catch(e){}
 }//欢d迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
 //初始化位置
 function resizeDiv()
 {
  i+=1;
  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句
  try
  {
   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);
   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);
   docWidth = document.body.clientWidth;
   docHeight = document.body.clientHeight;
   document.getElementById("ww_zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);
   document.getElementById("ww_zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);
  }
  catch(e){}
 }//欢迎来到站长特效网,c我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
 //最小化
 function minsizeDiv()
 {
  i+=1
  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句
  try
  {
   divHeight = parseInt(document.getElementById("zzjs_net").offsetHeight,10);
   divWidth = parseInt(document.getElementById("zzjs_net").offsetWidth,10);
   docWidth = document.body.clientWidth;
   docHeight = document.body.clientHeight;
   document.getElementById("zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);
   document.getElementById("zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);
  }
  catch(e){}
 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长c,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
 //移动
 function moveDiv()
 {
 try
 {
  if(parseInt(document.getElementById("ww_zzjs_net").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
  {
   window.clearInterval(objTimer);
   objTimer = window.setInterval("resizeDiv()",1);
  }
  divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);
  document.getElementById("ww_zzjs_net").style.top = divTop -1;
 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,h本站收集大量高质量js代码,还有许多广告代码下载。
  catch(e){}
 }
 function minDiv()
 {
  closeDiv();
  document.getElementById('zzjs_net').style.visibility='visible';
  objTimer = window.setInterval("minsizeDiv()",1);
 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载c。
 function maxDiv()
 {
  document.getElementById('zzjs_net').style.visibility='hidden';
  document.getElementById('ww_zzjs_net').style.visibility='visible';
  objTimer = window.setInterval("resizeDiv()",1);
  //resizeDiv()
  getMsg();
 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站q收集大量高质量js代码,还有许多广告代码下载。
 function closeDiv()
 {
  document.getElementById('ww_zzjs_net').style.visibility='hidden';
  document.getElementById('zzjs_net').style.visibility='hidden';
  if(objTimer) window.clearInterval(objTimer);
 }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,e本站收集大量高质量js代码,还有许多广告代码下载。
 -->
</script>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr>
<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站-->
<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;height:30px;">
  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">
    <tr>
      <td width="100%" valign="top" align="center">
        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="70" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">站长特效网</span></td>
            <td width="26" class="www_zzjs_net_head"> </td>
            <td align="right" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">-</span> <span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="关闭" onclick="closeDiv()">×</span></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="30" align="center" valign="middle" colSpan="3">
        <div id="www_zzjs_net">
          <table width="100%" height="100%" cellpadding="0" cellspacing="0">
           <tr>
             <td align="left" height="100%" style="font-size:14px;padding:3px;"><div><p align="center">您已登陆,<a href="http://www.zzjs.net">退出</a>!<br><a href="my.asp" title="站长特效网,www.zzjs.net,欢迎您的到来。">查看我的信息</a></div>
             </td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
  </table>
</div>
<!--最小化状态-->
<div id="zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;">
  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">
    <tr>
      <td width="100%" valign="top" align="center">
        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="70" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">展开图层</span></td>
            <td width="26" class="www_zzjs_net_head"> </td>
            <td align="right" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">□</span><span title="关闭" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="closeDiv()">×</span></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
</body>
</html>

原创粉丝点击