DRC原版DX插件QQ客服/在线咨询台

[复制链接]
查看1239 | 回复1 | 2010-4-12 18:20:55 | 显示全部楼层 |阅读模式
原帖地址:【Discuz!X插件NO.2】DRC - QQ客服/在线咨询台插件
DRC插件5d6d版代码转换:5d6d-libingyan
代码如下:

  1. <style type="text/css">
  2. <!--
  3. .QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
  4. .QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
  5. .QQbox .Qlist{ left: 0; width: 170px; background: url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157f1c8968c32a4f7a5.gif) padding:5px;}
  6. .QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
  7. .QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157c661d4da219ea6cc.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
  8. .QQbox .Qlist .t{ background:url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157b8084574f58133e1.gif); height:34px;}
  9. .QQbox .Qlist .b{ background:url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157165b9d112f512edf.gif); height:9px; overflow:hidden; }
  10. .QQbox .Qlist .con{ background: url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157f1c8968c32a4f7a5.gif); width: 100%; padding: 10px 0px 10px 0px;}
  11. .QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157f1c8968c32a4f7a5.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
  12. .QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }
  13. -->
  14. </style>
  15. <div class='QQbox' id='divQQbox'>
  16. <div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>
  17. <div class='t'></div>
  18. <div class='infobox'>××论坛<br>早9:00 -  晚17:00</div>
  19. <div class='con'>
  20. <ul><li class="odd"><img border="0" SRC="http://wpa.qq.com/pa?p=1:QQ号码:14" style="position:relative; top:3px;"> <a target="_blank" href="tencent://message/?uin=QQ号码&amp;Site=Discuz! Board&amp;Menu=yes">销售客服</a></li>
  21. <li class="odd"><img border="0" SRC="http://wpa.qq.com/pa?p=1:QQ号码:14" style="position:relative; top:3px;"> <a target="_blank" href="tencent://message/?uin=QQ号码&amp;Site=Discuz! Board&amp;Menu=yes">技术客服</a></li>
  22. <li class="odd"><img border="0" SRC="http://wpa.qq.com/pa?p=1:QQ号码:14" style="position:relative; top:3px;"> <a target="_blank" href="tencent://message/?uin=QQ号码&amp;Site=Discuz! Board&amp;Menu=yes">业务合作</a></li>
  23. <tr><td><li>××论坛欢迎您</li></td></tr>
  24. </ul>
  25. </div>
  26. <div class='b'></div>
  27. </div>
  28. <div id='divMenu' onmouseover='OnlineOver();'><img src='http://ff.a.5d6d.com/userdirs/9/6/0738/attachments/month_1003/1003301157352e207c2021bcef.gif' class='press'></div>
  29. </div>
  30. <script language='javascript' type='text/javascript' charset='gbk'>
  31. //<![CDATA[
  32. var tips; var theTop = 145; var old = theTop;
  33. function initFloatTips() {
  34. tips = document.getElementById('divQQbox');
  35. moveTips();
  36. };
  37. function moveTips() {
  38. var tt=50;
  39. if (window.innerHeight) {
  40. pos = window.pageYOffset
  41. }
  42. else if (document.documentElement && document.documentElement.scrollTop) {
  43. pos = document.documentElement.scrollTop
  44. }
  45. else if (document.body) {
  46. pos = document.body.scrollTop;
  47. }
  48. pos=pos-tips.offsetTop+theTop;
  49. pos=tips.offsetTop+pos/10;
  50. if (pos < theTop) pos = theTop;
  51. if (pos != old) {
  52. tips.style.top = pos+"px";
  53. tt=10;
  54. //alert(tips.style.top);
  55. }
  56. old = pos;
  57. setTimeout(moveTips,tt);
  58. }
  59. //!]]>
  60. initFloatTips();
  61. function OnlineOver(){
  62. document.getElementById("divMenu").style.display = "none";
  63. document.getElementById("divOnline").style.display = "block";
  64. document.getElementById("divQQbox").style.width = "170px";
  65. }
  66. function OnlineOut(){
  67. document.getElementById("divMenu").style.display = "block";
  68. document.getElementById("divOnline").style.display = "none";
  69. }
  70. if(typeof(HTMLElement)!="undefined")   
  71. {   
  72.       HTMLElement.prototype.contains=function(obj)   
  73.       {   
  74.           while(obj!=null&&typeof(obj.tagName)!="undefind"){
  75.        if(obj==this) return true;   
  76.        obj=obj.parentNode;
  77.      }   
  78.           return false;   
  79.       };   
  80. }  
  81. function hideMsgBox(theEvent){
  82.   if (theEvent){
  83.   var browser=navigator.userAgent;
  84.   if (browser.indexOf("Firefox")>0){
  85.    if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) {
  86.    return;
  87. }
  88. }
  89. if (browser.indexOf("MSIE")>0){
  90. if (document.getElementById('divOnline').contains(event.toElement)) {
  91. return;
  92. }
  93. }
  94. }
  95. document.getElementById("divMenu").style.display = "block";
  96. document.getElementById("divOnline").style.display = "none";
  97. }
  98. </script>
复制代码


代码里的××论坛请换成你自己论坛的名称,代码里的“QQ号码”请换成你的QQ号码(纯数字),演示可以去我论坛看,也可以去原帖看
代码添加在页尾通栏即可,可以自行选择出现在哪些页面
asdc | 2010-8-14 19:50:52 | 显示全部楼层
效果都是XX啊,是不是没用了。这个可是好东东啊,心痛了!
您需要登录后才可以回帖 登录 | 注册

本版积分规则