其他代码

纯js带二维码的qq在线客服悬浮代码

阿里云

这是一款纯 js qq 在线客服悬浮代码。该 qq 在线客服会一直悬浮在页面的右侧,跟随页面一起滚动。并且该 qq 在线客服带有二维码,兼容 ie8 浏览器,非常实用。

使用方法:

在页面中引入 style.css 和 qq.js 文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" href="css/style.css">
  2. <script type="text/javascript" src="js/qq.js"></script>

HTML 结构:

在页面底部添加 qq 在线客服的 HTML 代码如下:

  1. <!--在线客服  -->
  2. <div class="scrollsidebar" id="scrollsidebar">
  3.   <div class="side_content">
  4.     <div class="side_list">
  5.       <div class="side_title"><a title="隐藏" class="close_btn"><span>关闭</span></a></div>
  6.       <div class="side_center">
  7.         <div class="custom_service">
  8.           <p> 
  9.           <a title="点击这里给我发消息" href="###" target="_blank"><img src="http://wpa.qq.com/pa?p=2:8983659:41"></a>
  10.           </p>
  11.         </div>
  12.         <div class="other">
  13.           <p><img src="images/qrcode.png" width="120"/></p>
  14.           <p>客户服务热线</p>
  15.           <p>0755-400-12345</p>
  16.         </div>
  17.         <div class="msgserver">
  18.           <p><a href="###" >联系我们</a></p>
  19.         </div>
  20.       </div>
  21.       <div class="side_bottom"></div>
  22.     </div>
  23.   </div>
  24.   <div class="show_btn"><span>在线客服</span></div>
  25. </div>

纯 js 带二维码的 qq 在线客服悬浮代码

已有 598 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!