Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 分享:可以拖动并关闭的qq在线客服代码

[复制链接]
duanzhenliang 发表于 2010-10-6 22:46:54 | 显示全部楼层 |阅读模式
插件发布
插件名称: 一个可以自由拖动,并且可以关闭的qq在线客服代码,效果非常好。
插件来源:
适用版本: Discuz! X1.5
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
最后更新时间:
插件作者: 不详
插件简介: 一个可以自由拖动,并且可以关闭的qq在线客服代码,效果非常好。
本帖最后由 duanzhenliang 于 2010-10-6 22:47 编辑
  1. # <html>
  2. #   <head>
  3. #   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. #   <title>Ajax提示框_清河论坛客服_www.qinghexian.com</title>
  5. #   <style type="text/css">
  6. #   a {color:#000;font-size:12px;text-decoration:none;}  
  7. #   a:hover {color:#900;text-decoration:underline}  
  8. #   body {overflow:hidden}  
  9. #   #massage_box {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;}  
  10. #   #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}  
  11. #   .header {background:#036;width:118px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;padding:3 5 0 5;color:#fff}  
  12. #   .qqb{ text-align:center; margin:5px 0 0 8px; width:100px; display:block;}  
  13. #   </style>
  14. #   <!--实现层移动-->
  15. #   <script language="javascript">
  16. #   var Obj=''
  17. #   document.onmouseup=MUp
  18. #   document.onmousemove=MMove
  19. #   function MDown(Object){  
  20. #   Obj=Object.id  
  21. #   document.all(Obj).setCapture()  
  22. #   pX=event.x-document.all(Obj).style.pixelLeft;  
  23. #   pY=event.y-document.all(Obj).style.pixelTop;  
  24. #   }  
  25. #   function MMove(){  
  26. #   if(Obj!=''){  
  27. #   document.all(Obj).style.left=event.x-pX;  
  28. #   document.all(Obj).style.top=event.y-pY;  
  29. #   }  
  30. #   }  
  31. #   function MUp(){  
  32. #   if(Obj!=''){  
  33. #   document.all(Obj).releaseCapture();  
  34. #   Obj='';  
  35. #   }  
  36. #   }  
  37. #   </script>
  38. #   </head>
  39. #   <body>
  40. #   <div id="massage_box">
  41. #   <div class="massage">
  42. #   <div class="header" onmousedown=MDown(massage_box)>
  43. #   <div style="display:inline; width:118px; position:absolute; background-image:url(images/up_001.gif); height:55px; margin-left:35px;"><span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand; width:20px;">×</span></div>
  44. #   </div>
  45. #   <ul>
  46. #   <li style="list-style:none;background-image:url(images/mid001.gif); height:70px; margin:50px 0 0 0; width:118px;"><br /><a class='qqb' target=blank href=upload/201004170927085155.gif border=0 align=middle style="margin-right:8px; margin-bottom:5px;"></a><a class='qqb' target=blank href=msnim:chat?contact=勿尤photo><img src=images/online.gif border=0 align=middle></a></li>
  47. #   <li style="list-style:none;"><img src="images/bot_001.gif" /></li>
  48. #   </ul>
  49. #   </div>
  50. #   </div>
  51. #   <div id="mask"></div>
  52. #   </body>
  53. #   </html>
复制代码
謝天賜 发表于 2010-10-6 22:51:47 | 显示全部楼层
好东西,谢谢分享
回复

使用道具 举报

J16988 发表于 2010-10-7 00:33:35 | 显示全部楼层
謝天賜 发表于 2010-10-6 22:51
好东西,谢谢分享

回复

使用道具 举报

3583101io 发表于 2010-10-7 01:03:39 | 显示全部楼层
本帖最后由 3583101io 于 2010-10-7 01:03 编辑

支持了哈!!
回复

使用道具 举报

勿忘我科技 发表于 2010-10-7 19:42:49 | 显示全部楼层
好东西无图呀,去你站看不到演示
回复

使用道具 举报

ilei365 发表于 2010-10-7 20:00:37 | 显示全部楼层
回复

使用道具 举报

Andy-Lee 发表于 2010-10-7 22:38:33 | 显示全部楼层
建议补充一点简单的说明!!!比如如何使用等!!
回复

使用道具 举报

mels 发表于 2010-10-11 17:08:10 | 显示全部楼层
沒截圖或演示?
回复

使用道具 举报

w7980 发表于 2010-10-16 06:41:37 | 显示全部楼层
是呀。怎么用呀?
回复

使用道具 举报

灵动水滴 发表于 2010-10-19 16:58:06 | 显示全部楼层
怎么用呀
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 13:35 , Processed in 0.038786 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表