求助一段php或者JS的客服代码？

Question

    客服代码是随屏移动的！   
    如何让你所写的这段客服代码在内容也里面正常显示？php的或者JS ，我试过网上的嵌套在页面里就不滚动了！
       

Answer 1

<DIV style="POSITION: absolute; TOP: 180px; RIGHT: 10px" id=sorollDiv1>
<TABLE  id="ShowAD" border=0 cellSpacing=0 cellPadding=0 width=130 >
  <TBODY>
  <TR>
    <TD width="130" height="34" align="left" valign="top" style="background-image:url(images/top-1.gif); background-repeat:no-repeat"><div class="STYLE16" style="padding:8px 0px 0px 8px; width:80px; float:left">在线客服</div><div class="STYLE17" style="padding:8px 8px 0px 0px; float:right;font-weight:bold;cursor:hand;" onclick="closead();">关闭</div></TD>
  </TR>
  <TR>
    <TD valign="top" style="background-image:url(images/pic-bg-1.gif); background-repeat:repeat-y"><TABLE id=table7 border= 0  cellpadding="0" cellspacing="0" width="100%">
      <TBODY>
        <tr>
          <td width="77%"><div align="center"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=373714459&site=qq&menu=yes"><img border="0" src=" http://wpa.qq.com/pa?p=2:373714459:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></div></td>
        </tr>
        <tr>
          <td height="25"><div align="center" class="STYLE17"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=373714459&site=qq&menu=yes">蔡小姐</a></div></td>
        </tr>
        <TR>
          <TD><div align="center"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=1556870146&site=qq&menu=yes"><img border="0" src=" http://wpa.qq.com/pa?p=2:1556870146:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></div></TD>
        </TR>
        <TR>
          <TD height="25"><div align="center" class="STYLE17"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=1556870146&site=qq&menu=yes">喻小姐</a></div></TD>
        </TR>
        <TR>
          <TD><div align="center"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=952471048&site=qq&menu=yes"><img border="0" src=" http://wpa.qq.com/pa?p=2:952471048:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></div></TD>
        </TR>
        <TR>
          <TD width=77% height="25"><div align="center" class="STYLE17"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=952471048&site=qq&menu=yes">韦小姐</a></div></TD>
        </TR>
<TR>
          <TD align="center" valign="middle" style="padding:0px 6px 0px 6px;"><a href="http://www.price.gygx.net/" target="_blank" title="共赢共享价格查询系统"><img src="images/query.jpg" width="85" height="64" border="0" style="margin-top:8px; margin-bottom:8px;" /></a></TD>
        </TR>
        <TR>
          <TD align="center" valign="middle" style="padding:0px 6px 0px 6px;"><img src="images/pic-bg5.gif" width="116" height="18" /></TD>
        </TR>
        <TR>
          <TD 
  width=77% height="2"></TD>
        </TR>
      </TBODY>
    </TABLE></TD>
  </TR>
  <TR>
    <TD height="6" style="background-image:url(images/pic-bg-1.gif); background-repeat:repeat-y"></TD>
  </TR>
  <TR>
    <TD height="6" valign="top" style="background-image:url(images/pic-bg-2.gif); background-repeat:no-repeat"></TD>
  </TR>
  </TBODY></TABLE></DIV>    <SCRIPT type=text/javascript>
var lastScrollY=0;
function heartBeat(){
diffY=document.documentElement.scrollTop;
percent=0.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("sorollDiv1").style.top=parseInt(document.getElementById("sorollDiv1").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);
</SCRIPT>
<script language="javascript">
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("ShowAD").style;
adst.top = ( bodyfrm.clientHeight -530-22 ) + "px";
adst.left = ( bodyfrm.clientWidth -155 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px";
}
setInterval("moveR();", 80);
function closead()
{
adst.display='none';
}
</script>

Answer 2

QQ在线客服,QQ浮动,asp,php,js代码，这段代码可实现QQ在线客服的效果，修改代码中QQ等相关参数，即可实现浮动在线QQ客服的效果。你可以直接把此代码插入相关页面中。如果你想用存为.js文件调用的话，把css控制段代码另存为一个.css文件即可。附件中包含用到的图片资源包和代码。（注意解压后图片的存储路径问题。）<!--侧边QQ在线开始-->
<style type="text/css"> 
ul,li,img {margin:0;padding:0;border:0;list-style:none;}
.qqbox a {text-decoration:none;color:#333;}
.qqbox a:hover {text-decoration:underline;color:#f30;}
.qqbox{
 width:168px;
 height:auto;
 overflow:hidden;
 position:absolute;
 right:0;
 top:120px;
 color:#333;
 font-size:12px;
 letter-spacing:0px;
 z-index:101;
}
.qqlv{
 width:20px;
 height:197px;
 overflow:hidden;
 position:relative;
 float:right;
 z-index:50;
}
.close {width:20px;height:17px;overflow:hidden;}
.qqlv2{
 width:20px;
 height:181px;
 overflow:hidden;
}
.qqkf{
 width:168px;
 height:auto;
 overflow:hidden;
 right:0;
 top:0;
 z-index:99;
}
.qqtop {
 width:168px;
 height:49px;
}
.qqcenter {
 width:168px;
 height:auto;
 overflow:hidden;
 background:url(/templets/images/online/online_r5_c1.jpg) repeat-y left top;
}
.qqcenter_box {
 width:160px;
 height:auto;
 overflow:hidden;
}
.qq1 {
 text-align:left;
 text-indent:10px;
 font-weight:bold;
}
.qq_line {
 width:150px;
 height:1px;
 margin-top:2px;
 margin-bottom:6px;
 overflow:hidden;
 background:url(/templets/images/online/online_r7_c1.jpg) no-repeat;
}
.qq1_box {
 width:150px;
 height:auto;
 text-align:left;
 overflow:hidden;
}
.qq1_box ul li {
 text-align:left;
 text-indent:13px;
 margin-bottom:3px;
}
.qq1_box ul .tm {margin-left:10px;}
.qq2 {
 text-align:left;
 text-indent:10px;
 font-weight:bold;
 margin-top:6px;
}
.qq2 span {font-weight:normal;}
.qq2_box ul li {
 text-align:left;
 text-indent:8px;
 margin-bottom:3px;
}
.qqend {
 width:168px;
 height:81px;
}
</style>
<div class="qqbox" id="divQQbox">
 <div class="qqlv" id="meumid" onmouseover="show()"><imgsrc="/templets/images/online/qqonline.gif"></div>
 <div class="qqkf" style="display:none;" id="contentid" onmouseout="hideMsgBox(event)">
  <div class="qqtop"><imgsrc="/templets/images/online/online_r1_c1.jpg"></div>
  <div class="qqcenter">
   <div class="qqcenter_box">
    <div class="qq1"><imgsrc="/templets/images/online/online_r3_c2.jpg" align="absmiddle"> 业务咨询</div>
    <div class="qq_line"></div>
    <div class="qq1_box">
     <ul>
      <li><img src="http://wpa.qq.com/pa?p=1:XXXXXXXX:45"> <a href="tencent://message/?uin=XXXXXX">搜新-售前</a></li>
      <li><img src="http://wpa.qq.com/pa?p=1:XXXXXXX:45"> <a href="tencent://message/?uin=XXXXXXX">搜新-备案</a></li>
      
     </ul>
    </div>
    <div class="qq2"><imgsrc="/templets/images/online/online_r3_c2.jpg" align="absmiddle"> 备案专员</div>
    <div class="qq_line"></div>
    <div class="qq1_box">
     <ul>
      <li><img src="http://wpa.qq.com/pa?p=1:1260283925:45"> <a href="tencent://message/?uin=XXXXXX">备案专员</a></li>
 
     </ul>
    </div>
    <div class="qq2"><imgsrc="/templets/images/online/online_r3_c2.jpg" align="absmiddle"> 公司总机</div>
    <div class="qq_line"></div>
    <div class="qq2_box">
     <ul>
      <li class="tm"><imgsrc="/templets/images/online/tel.gif">全国热线:1307XXXXXXX</li>
     </ul>
 
    </div>
 
   </div>
  </div>
  <div class="qqend"><imgsrc="/templets/images/online/online_r9_c1.jpg"></div>
 </div>
</div>
<script language="javascript"> 
var tips; 
var theTop = 120;
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>
<!--侧边QQ在线结束--> 
绿色php资源 http://www.phpzy.com