可拖动和关闭的QQ客服窗口-JS特效-爱易网页

可拖动和关闭的QQ客服窗口

日期：2014-05-18　浏览次数：20546 次

以下是程序代码

<!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,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 可拖动和关闭的在线客服效果 站长特效网欢迎您。</title>
<style type="text/css">
body{overflow:hidden;}
a{color:#000;font-size:12px;text-decoration:none;}
a:hover{color:#900;text-decoration:underline;}
#www_zzjs_net{position:absolute;left:expression(body.clientWidth-170);top:expression(body.clientHeight-body.clientHeight+20);filter:dropshadow(color=#666666,offx=3,offy=3,positive=2);z-index:2;}
#mask{position:absolute;top:0;left:0;width:expression(body.scrollWidth);height:expression(body.scrollHeight);background:#666;filter:ALPHA(opacity=60);z-index:1;visibility:hidden;}
.zzjs_net{background:#036;width:118px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:3 5 0 5;color:#fff;}
.qqb{text-align:center;margin:5px 0 0 8px;width:100px;display:block;}
</style>

<script language="javascript">
var Obj='';
document.onmouseup=MUp;
document.onmousemove=MMove;
function MDown(Object){
  Obj=Object.id;
  document.all(Obj).setCapture()
  pX=event.x-document.all(Obj).style.pixelLeft;
  pY=event.y-document.all(Obj).style.pixelTop;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很 好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function MMove(){
  if(Obj!=''){
    document.all(Obj).style.left=event.x-pX;
    document.all(Obj).style.top=event.y-pY;
  }
}
function MUp(){
  if(Obj!=''){
    document.all(Obj).releaseCapture();
    Obj='';
  }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div id="www_zzjs_net">
  <div class="massage">
    <div class="zzjs_net" onmousedown="MDown(www_zzjs_net)">
      <div style="display:inline;width:118px;position:absolute;background-image:url(/img/up_20100814.gif);height:55px;margin-left:35px;"><span onClick="www_zzjs_net.style.visibility='hidden';mask.style.visibility='hidden'" style="float:right;display:inline;cursor:hand;width:20px;">×</span></div>
    </div>
    <ul>
      <li style="list-style:none;background-image:url(/img/mid_20100814.gif);height:70px;margin:50px 0 0 0;width:118px;"><br><a class="qqb" target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=305686263"><img src="/img/online1.gif" border="0" align="middle" style="margin-right:8px;margin-bottom:5px;"></a><a class="qqb" target="blank" href="msnim:chat?contact=sky"><img src="/img/online2.gif" border="0" align="middle"></a></li>
      <li style="list-style:none;"><img src="/img/bot_20100814.gif"></li>
    </ul>
  </div>
</div>
<div id="mask"></div>
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

可拖动和关闭的QQ客服窗口

相关资料更多>

推荐阅读更多>