本文分享的是一款漂浮在网页右侧的QQ在线客服代码：在网站上添加qq在线状态，方便用户直接点击qq进行在线咨询。
在网页<head>头部引入以下文件：
<link rel="stylesheet" type="text/css" href="style/default_blue.css"/> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script language="javascript" src="js/jquery.Sonline.js"></script>
想换个颜色样式，只需引入不同的CSS样式：
如把QQ在线客服换成红色样式：
<link rel="stylesheet" type="text/css" href="style/red.css"/>
JS代码：
<script type="text/javascript">
$(function(){
$("body").Sonline({
Position:"right",//left或right
Top:200,//顶部距离，默认200px
Effect:true, //滚动或者固定两种方式，布尔值：true或false
DefaultsOpen:true, //默认展开：true,默认收缩：false
Qqlist:"888888|客服01,888888|客服02,888888|客服03,888888|客服04,888888|客服05" //多个QQ用','隔开，QQ和客服名用'|'隔开
});
})
</script>
<body>区域代码：
<div style="height:2500px"></div> <div style="text-align:center;clear:both">源码下载
本文转载自吾爱编程,原文链接： ,本文观点不代表125jz立场。
微信扫一扫 
支付宝扫一扫