特效描述：利用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”> </div>
<div class=”im_main” id=”im_main”>
<div id=”close_im” class=”close-im”><a href=”javascript:void(0);” title=”点击关闭”> </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>
下载地址
1.《带返回顶部微信二维码在线客服聊天代码》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《带返回顶部微信二维码在线客服聊天代码》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/code/kf/763.html