特效介绍
qq客服代码
固定在右侧，随滚动条滚动的展开和收起的qq在线客服代码，点击“在线咨询”，就会展开一个巨大的QQ头像，点击即可进行QQ聊天，在QQ头像下面，是售前咨询热线和售后咨询热线，以及二维码和返回顶部。鼠标移动到二维码，会展开大的二维码以便于扫描。
使用方法
1、在头部引入相关的css和js文件：
1 | <link href="css/style.css" rel="stylesheet" type="text/css" /> |
3 | <script type="text/javascript" src="js/5imoban.net.js"></script> |
2、在body里面的任意位置插入下面的代码：
02 | <div id="open_im" class="open-im"> </div> |
03 | <div class="im_main" id="im_main"> |
04 | <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭"> </a></div> |
06 | <div class="qq-container"></div> |
07 | <div class="qq-hover-c"><img class="img-qq" src="images/qq.png"></div> |
12 | <div class="tel-num">400-123-45678</div> |
14 | <div class="tel-num">010-12345678</div> |
16 | <div class="im-footer" style="position:relative"> |
17 | <div class="weixing-container"> |
18 | <div class="weixing-show"> |
19 | <div class="weixing-txt">微信扫一扫<br>关注我爱模板网</div> |
20 | <img class="weixing-ma" src="images/weixing-ma.jpg"> |
21 | <div class="weixing-sanjiao"></div> |
22 | <div class="weixing-sanjiao-big"></div> |
25 | <div class="go-top"><a href="javascript:;" title="返回顶部"></a> </div> |
26 | <div style="clear:both"></div> |
