带返回顶部微信二维码在线客服聊天代码

功夫动漫 2019-11-22 311 阅读

特效描述:利用jQuery实现 带返回顶部 二维码 在线客服代码,利用jQuery实现带返回顶部二维码在线客服代码

代码部署教程

1. 引入CSS

<link href="css/zzsc.css" rel="stylesheet" type="text/css" />

<link href="css/zzsc.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="js/zzsc.js"></script>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="js/zzsc.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>
</head>
<body style="height:2000px;">
<div class="main-im">
<div id="open_im" class="open-im">&nbsp;</div>
<div class="im_main" id="im_main">
<div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭">&nbsp;</a></div>
<a href="http://www.cxvn.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" class="im-qq qq-a" title="在线QQ客服">
<div class="qq-container"></div>
<div class="qq-hover-c"><img class="img-qq" src="images/qq.png"></div>
<span> QQ在线咨询</span> </a>
<div class="im-tel">
<div>售前咨询热线</div>
<div class="tel-num">400-123-8888</div>
<div>售后咨询热线</div>
<div class="tel-num">021-12345678</div>
</div>
<div class="im-footer" style="position:relative">
<div class="weixing-container">
<div class="weixing-show">
<div class="weixing-txt">微信扫一扫<br>关注前端特效<br>获取更多</div>
<img class="weixing-ma" src="images/weixing-ma.jpg">
<div class="weixing-sanjiao"></div>
<div class="weixing-sanjiao-big"></div>
</div>
</div>
<div class="go-top"><a href="javascript:;" title="返回顶部"></a> </div>
<div style="clear:both"></div>
</div>
</div>
</div>
</body>
</html>

演示地址下载地址

最新游戏