最近本网站搜索DEDECMS织梦系统QQ在线客服设置的一些办法，本着共享的态度，今天转世界免费网络技术推出一个比较全面的QQ客服，您只要复制代码或者把图片另存为您想存的文件，下面是实例操作方法，如果您在实际的操作中遇到各种问题或者此QQ客服样式不适合你，您可以随时在本站留言或者直接在网页的底部用QQ联系本站，本站将尽量帮助您想得到的QQ客服样式。
使用方法：
在底部模板下插入
<script language='javascript' type='text/javascript' src='这里可以插入绝对路径或者相对路径/service.js'></script>
如果你觉得此QQ在线客服界面符合您的意思，可以下载以下实例的文件（织梦系统QQ在线客服代码），如果您不满意可以联系本站，谢谢！
实例（这些文件注意路径的存放就可以，可以随便放在那个文件）下面是本实例的
images文件存放的文件有：
close.gif 
icons.gif 
mainbg.gif
float.css
@charset "gb2312";
/* CSS Document */
.hide{
display:none;
}
.floater{
width:145px;
height:193px;
background:url(mainbg.gif) no-repeat;
}
.close{
float:right;
margin:5px 5px 0 0;
}
.floater ul{
float:left;
width:135px;
padding:0px 5px 0 5px;
}
.floater ul li{
line-height:24px;
height:24px;
background:url(icons.gif) 0 0 no-repeat;
color:#33719F;
padding-left:18px;
}
.floater ul li a{
color:#33719F;
}
.floater ul li.type1{
list-style-type:none;
background-position:0 0px;
}
.floater ul li.type2{
list-style-type:none;
background-position:0 -24px
}
.floater ul li.type3{
list-style-type:none;
background-position:0 -47px
}
.floater ul li.type4{
list-style-type:none;
background-position:0 -70px
}
.online{
color:#EB332F;
}
.offline{
color:#AEAEB3;
}
//************************************************************************************
QQ客服文件存放的文件有：
index.html
<script language='javascript' type='text/javascript' src='service.js'></script>
//************************************************************************************
service.js
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("floaterp").style.top=parseInt(document.getElementById("floaterp").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
document.write('<link href="images/float.css" rel="stylesheet" type="text/css" />');
suspendcode12="<p id=\"floaterp\" style='right:22px;POSITION:absolute;TOP:150px;z-index:100'>";
var recontent='<p class="floater">' +
'<p class="close" onclick="far_close()" style="cursor:handle">'+
"<img src=\"images\/close.gif\" height=\"15\" width=\"16\"\/>"+
'</p>' +
'<ul>' +
'<li class="type1">A.在线客服：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000000&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000000:45" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>' +
'<li class="type2">B.报价咨询：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000000&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000000:45" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>' +
'<li class="type3">C.售后服务：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000000&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000000:45" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>' +
'<li class="type4">D.技术支持：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=00000000&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:00000000:45" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li>' +
'</ul>' +
'</p>';
document.write(suspendcode12);
document.write(recontent);
document.write("</p>");
window.setInterval("heartBeat()",1);
function far_close()
{
document.getElementById("floaterp").innerHTML="";
}
function setfrme()
{
var tr=document.getElementById("floaterp");
var twidth=tr.clientWidth;
var theight=tr.clientHeight;
var fr=document.getElementById("frame55la");
fr.width=twidth-1;
fr.height=theight-30;
}
//setfrme()
//*********************************************************************
