特效描述：利用js实现 网页右侧 QQ悬浮 在线客服，利用js实现网页右侧QQ悬浮在线客服
代码部署教程
1. 引入CSS
<link rel=”stylesheet” href=”style/cs_q.css” type=”text/css”/>
<link rel=”stylesheet” href=”style/cs_q.css” type=”text/css”/>
2. 引入JS
<script type=”text/javascript” src=”js/cs_q.js”></script>
<script type=”text/javascript” src=”js/cs_q.js”></script>
3. HTML代码
<!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>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title></title>
<div id= ‘qq_icon’></div>
<div id=’cs_online’>
<ul class=’qq_context’>
<li>
<span class=’span_t’>在线客服01：</span>
<span class=’qq_num’></span>
</li>
<li>
<span class=’span_t’>在线客服02：</span>
<span class=’qq_num’></span>
</li>
<li>
<span class=’span_t’>在线客服03：</span>
<span class=’qq_num’></span>
</li>
<li>
<span class=’span_t’>在线客服04：</span>
<span class=’qq_num’></span>
</li>
<li>
<span class=’span_t’>在线客服05：</span>
<span class=’qq_num’></span>
</li>
</div>
</div>
<script type=”text/javascript”>
myEvent(window,’load’,function(){
dealy(‘qq_icon’,2); //2秒后显示QQ图标，默认为2秒，可自行设置
settop(‘qq_icon’,’cs_online’,150); //设置在线客服的高度，默认150，可自行设置
var span_q = getbyClass(‘cs_online’,’qq_num’);
setqq(span_q,[‘800020304′,’800020304′,’800020304′,’800020304′,’800020304’]); //填写5个QQ号码
click_fn(‘qq_icon’,’cs_online’);
});
</script>
<div style=”text-align:center;margin:50px 0; font:normal 14px/24px ‘MicroSoft YaHei’;”>
</div>
</body>
</html>
下载地址
1.《网页右侧悬浮在线QQ客服系统代码》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《网页右侧悬浮在线QQ客服系统代码》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/code/kf/753.html