发布一款右悬的在线客服插件

墨vicky · 发表于 2012-1-26 12:21:29

本帖最后由墨vicky 于 2012-1-26 13:26 编辑

这个是二次修改别人的插件，插件是蓝色，可收起，也可展开，演示如下：江苏大学珊瑚论坛http://www.8090sh.com                                                                                                                                              http://bbs.8090sh.com

论坛插入：
上传文件夹“TV”到论坛跟目录，论坛后台全局网站第三方统计代码内加入文本文档内代码（其中里面的QQ号码，名称，网站地址等换成你自己的

HOME插入：
上传文件夹“TV”到HOME跟目录，HOME后台设置备案号码内加入文本文档内代码（其中里面的QQ号码，名称，网站地址等换成你自己的

论坛HOME页插入：

上传文件夹“TV”到论坛跟目录，论坛HOME页页面的下版权处加入文本文档内代码（其中里面的QQ号码，名称，网站地址等换成你自己的

文档代码：以下在文档里有可以不看。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>客服中心-www.8090sh.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
.qqbox a:link {
      color: #000;
      text-decoration: none;
}
.qqbox a:visited {
      color: #000;
      text-decoration: none;
}
.qqbox a:hover {
      color: #f80000;
      text-decoration: underline;
}
.qqbox a:active {
      color: #f80000;
      text-decoration: underline;
}

.qqbox{
      width:132px;
      height:auto;
      overflow:hidden;
      position:absolute;
      right:0;
      top:100px;
      color:#000000;
      font-size:12px;
      letter-spacing:0px;
}
.qqlv{
      width:25px;
      height:256px;
      overflow:hidden;
      position:relative;
      float:right;
      z-index:50px;
}
.qqkf{
      width:120px;
      height:auto;
      overflow:hidden;
      right:0;
      top:0;
      z-index:99px;
      border:6px solid #3399FF;
      background:#fff;
}
.qqkfbt{
      width:118px;
      height:20px;
      overflow:hidden;
      background:#3399FF;
      line-height:20px;
      font-weight:bold;
      color:#fff;
      position:relative;
      border:1px solid White;
      cursor:pointer;
      text-align:center;
}
.qqkfhm{
      width:112px;
      height:22px;
      overflow:hidden;
      line-height:22px;
      padding-right:8px;
      position:relative;
      margin:3px 0;
}
.bgdh{
      width:102px;
      padding-left:10px;
}
</style>
</head>
<body>
<div class="qqbox" id="divQQbox">
  <div class="qqlv" id="meumid"><img src="tv/qq.jpg"></div>
  <div class="qqkf" style="display:none;" id="contentid">
<div class="qqkfbt" id="qq-1">客服中心</div>
<div id="K1">
   <div class="qqkfhm bgdh"> <a href="tencent://message/?uin=1375888172" title="8090珊瑚论坛"><img src="http://wpa.qq.com/pa?p=1:1375888172:4" border="0">8090珊瑚论坛</a><br/></div>
   <div class="qqkfhm bgdh"> <a href="tencent://message/?uin=1375888172" title="8090珊瑚论坛"><img src="http://wpa.qq.com/pa?p=1:654371709:4" border="0">联系站长</a></div>
   <div class="qqkfhm bgdh">sh@8090sh.com</div>
</div>

  </div>
</div>
<script language="javascript">
function showandhide(h_id,hon_class,hout_class,c_id,totalnumber,activeno) {
var h_id,hon_id,hout_id,c_id,totalnumber,activeno;
for (var i=1;i<=totalnumber;i++) {
      document.getElementById(c_id+i).style.display='none';
      document.getElementById(h_id+i).className=hout_class;
}
document.getElementById(c_id+activeno).style.display='block';
document.getElementById(h_id+activeno).className=hon_class;
}
var tips;
var theTop = 100;
var old = theTop;
function initFloatTips()
{
      tips = document.getElementById('divQQbox');
      moveTips();
}
function moveTips()
{
               var tt=50;
               if (window.innerHeight)
               {
            pos = window.pageYOffset
               }else if (document.documentElement && document.documentElement.scrollTop) {
            pos = document.documentElement.scrollTop
               }else if (document.body) {
                  pos = document.body.scrollTop;
               }
               //http:
               pos=pos-tips.offsetTop+theTop;
               pos=tips.offsetTop+pos/10;
               if (pos < theTop){
                     pos = theTop;
               }
               if (pos != old) {
                     tips.style.top = pos+"px";
                     tt=10;//alert(tips.style.top);
               }
               old = pos;
               setTimeout(moveTips,tt);
}
initFloatTips();
      if(typeof(HTMLElement)!="undefined")//给firefox定义contains()方法，ie下不起作用
            {
               HTMLElement.prototype.contains=function (obj)
               {
                        while(obj!=null&&typeof(obj.tagName)!="undefind"){//
         　　　if(obj==this) return true;
         　　　       　obj=obj.parentNode;
         　　       }
                        return false;
               }
      }
function show()
{
      document.getElementById("meumid").style.display="none"
      document.getElementById("contentid").style.display="block"
}
      function hideMsgBox(theEvent){
      if (theEvent){
            var browser=navigator.userAgent;
            if (browser.indexOf("Firefox")>0){//Firefox
                  if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {
                              return
                     }
            }
            if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){
            if (document.getElementById('contentid').contains(event.toElement)) {
                        return;//结束函式
                  }
            }
      }
      document.getElementById("meumid").style.display = "block";
      document.getElementById("contentid").style.display = "none";
      }
</script>
</body>
</html>
<SCRIPT language=JavaScript>
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</SCRIPT>

就是爱美女网 · 发表于 2012-1-26 12:22:09

提示: 作者被禁止或删除内容自动屏蔽

xskwy · 发表于 2012-1-28 03:46:12

踩你没理由~~~

hackshow · 发表于 2012-1-28 11:38:55

随便看看

gyabc99 · 发表于 2012-2-2 05:33:11

請問代碼里面的QQ号码，名称，网站地址在哪個地方

ylmood · 发表于 2012-2-2 07:21:57

提示: 作者被禁止或删除内容自动屏蔽

墨vicky · 发表于 2012-2-2 14:23:08

gyabc99 发表于 2012-2-2 05:33
請問代碼里面的QQ号码，名称，网站地址在哪個地方

在那个右悬的客服qq.txt文档里那边就是代码，<div class="qqkfhm bgdh"> <a href="tencent://message/?uin=1375888172" title="8090珊瑚论坛"><img src="http://wpa.qq.com/pa?p=1:1375888172:4" border="0">8090珊瑚论坛</a><br/></div>
<div class="qqkfhm bgdh"> <a href="tencent://message/?uin=1375888172" title="8090珊瑚论坛"><img src="http://wpa.qq.com/pa?p=1:654371709:4" border="0">联系站长</a></div>

把8090珊瑚论坛替换成你的把qq号1375888172、654371709替换成你的就好啦

gyabc99 · 发表于 2012-2-3 08:45:47

墨vicky 发表于 2012-2-2 14:23
在那个右悬的客服qq.txt文档里那边就是代码， 8090珊瑚论坛
联系站长

謝謝您 :) 我試試看

gyabc99 · 发表于 2012-2-3 09:09:40

不好意思

我用上去TV那個圖片發生錯誤顯示X 怎麼解決?

一号七情 · 发表于 2012-2-3 09:30:16

提示: 作者被禁止或删除内容自动屏蔽

		自动登录	找回密码
密码			立即注册

[发布] 发布一款右悬的在线客服插件