左侧红色js悬浮
QQ在线客服插件代码，可随着滚动条滚动，使用非常方便，可自己编辑
QQ客服，点击右侧
在线客服可伸
缩展开。本款插件代码适合大部分的网站管理系统，如织梦CSM，帝国CSM，电商程序，博客程序，论坛PHPwind，Discuz
等程序源码。
适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.其他浏览器访问。
使用方法：
1、下载客服插件先解压,把解压文件上传到网站默认风格的摸版里面，把客服插件中三个文件夹上传至网站默认风格模
版里。如果你的网站首页是在主机更目录，上传到更目录即可，这里就不细说了。
2、用记事本打开客服插件里index.html页面，复制以下代码插入你想显示的所有页面</head> <body>前面：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>绿色悬浮
QQ在线客服插件代码 -
豆客网</title><link href="css/zzsc.css" rel="stylesheet" type="text/css" /><script type="text/javascript"
src="js/jquery-1.7.2.min.js"></script><script type="text/javascript"
src="js/jquery.hhService.js"></script><script type="text/javascript">$
(function
(){$
("#hhService"
).fix
({float:'right',minStatue:false,skin:'green',durationTime:1000}
)}
);</script><style>ul#wimoban_nav
{padding-left:50px; margin-bottom:10px; border-bottom:2px solid #ccc; overflow:hidden; _zoom:1;}
ul#wimoban_nav li{float:left; display:inline; margin:10px;}ul#wimoban_nav li a{display:block; font-
size:16px;}ul#wimoban_nav li a,#wimoban_p,#wimoban_p a{color:#000; font-family:"微软雅黑";}ul#wimoban_nav
li a:hover,#wimoban_p a:hover{color:red;}#wimoban_p{text-align:center; font-size:14px;}p{text-
align:center; font-size:14px;margin-top:10px;}</style>
3、把下面代码插入网站footer.htm页面</body>前面
<!-- 代码 开始 -->
<div class="scrollsidebar" id="hhService">
<div class="side_content">
<div class="side_list">
<div class="side_title">
<a title="隐藏" class="close_btn"><span>关闭</span></a></div>
<div class="side_center">
<div class="
qqserver">
<div class="KeFuTitle">
在线客服</div>
<div class="KeFuItem">
<a target="_blank" href="tencent://message/?uin=17905772&Site=&Menu=yes"><img border="0"
src='images/old_31.gif'></a>
</div>
<div class="KeFuItem">
<a target='_blank' href='http://wpa.
qq.com/msgrd?v=3&uin=800010000&Site=售后服务&menu=yes'><img
border='0' src='images/button_old_41.gif'>
<span> 售后服务</span>
</a>
</div>
<div class="KeFuItem">
<a target='_blank' href='http://wpa.
qq.com/msgrd?v=3&uin=800010000&Site=售后服务&menu=yes'><img
border='0' src='images/button_old_41.gif'>
<span> 售后服务</span>
</a>
</div>
<div class="KeFuItem">
<a target='_blank' href='http://wpa.
qq.com/msgrd?v=3&uin=800010000&Site=售后服务&menu=yes'><img
border='0' src='images/button_old_41.gif'>
<span> 售后服务</span>
</a>
</div>
<div class="KeFuLis"></div>
<div class="KeFuTitle">售后
咨询</div>
<div class="KeFuItem">
<a target='_blank' href='http://wpa.
qq.com/msgrd?v=3&uin=800010000&Site=售后服务&menu=yes'>
<img border='0' src='images/button_old_41.gif'>
<span> 售后服务</span>
</a>
</div>
<div class="KeFuItem">
<a target='_blank' href='http://wpa.
qq.com/msgrd?v=3&uin=800010000&Site=售后服务&menu=yes'>
<img border='0' src='images/button_old_41.gif'>
<span> 售后服务</span>
</a>
</div>
<div class="KeFuLis"></div>
<div class="KeFuTitle">技术
咨询</div>
<div class="KeFuItem">
<a target='_blank' href='http://wpa.
qq.com/msgrd?v=3&uin=800010000&Site=售后服务&menu=yes'>
<img border='0' src='images/button_old_41.gif'>
<span> 售后服务</span>
</a>
</div>
<div class="KeFuItem">
<a target='_blank' href='http://www.taobao.com/webww/ww.php?
ver=3&touid=888888&siteid=cntaobao&status=1&charset=utf-8'>
<img border='0' src='images/41.gif'>
</a>
</div>
<div class="msgserver">
<div class="KeFuTitle">电话
咨询</div>
<a>4008822000</a></div>
</div>
<div class="msgserver">
<p><a href="http://www.chinacceu.com/">给我们留言</a></p>
</div>
</div>
<div class="side_bottom">
</div>
</div>
</div>
<div class="show_btn"><span>
在线客服</span></div>
</div>
<!-- 代码 结束 -->
4、将里面
QQ号码修改为您的
QQ号，修改网址为您的网站网址。该款精美
QQ在线客服插件就以安装完成。
对于很多新站长下载代码后不会安装或安装后网站布局出现变形的问题，希望对大家有所帮助。国内最专业为大家提供
QQ在线客服插件下载中心，所有
在线客服插件官方程序员为您安装。本站所有
QQ在线客服插件代
码均是由【本站程序员独家开发】安装测试无错的，并且我们的插件和代码都没有留后门，请放心使用！
新站长下载客服后如果不会安装联系客服我们为你安装插件代码，不管是什么程序源码我们为你解决问题。对于很多新
站长下载代码后不会安装或安装后网站布局出现变形的问题，希望对大家有所帮助。下面为大家介绍下代码的调用安装
方法。
本博客介绍如何通过QQ平台实现在线咨询服务，并提供商家加入群聊的解决方案，简化了用户与商家间的互动流程。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
