dedecms织梦客服QQ插件-右侧悬浮带电话QQ二维码

    0
    回复
    1335
    查看
    [复制链接]

    5089

    主题

    5256

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    28248
    发表于 2020-7-27 20:57:30 | 显示全部楼层 |阅读模式
    1、打开自己网站后台,找到foot.htm或者footr.htm  把下面的代码加到该文件最下面空白处。
    或者通过FTP,把foot.htm下载下来,把代码加进去,然后再上传。

    <link href="/qqkf/css/qq.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/qqkf/js/jquery-1.7.min.js"></script>
    <script>
    $(function() {
    // 悬浮窗口
    $(".yb_conct").hover(function() {
    $(".yb_conct").css("right", "5px");
    $(".yb_bar .yb_ercode").css('height', '200px');
    }, function() {
    $(".yb_conct").css("right", "-127px");
    $(".yb_bar .yb_ercode").css('height', '53px');
    });
    // 返回顶部
    $(".yb_top").click(function() {
    $("html,body").animate({
    'scrollTop': '0px'
    }, 300)
    });
    });
    </script>
    <div class="yb_conct">
      <div class="yb_bar">
        <ul>
          <li class="yb_top">返回顶部</li>
          <li class="yb_phone">4008-123-456</li>
          <li class="yb_QQ">
           <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&amp;uin=88888888&amp;site=qq&amp;menu=yes&amp;from=message&amp;isappinstalled=0">在线咨询</a>
          </li>
          <li class="yb_ercode" style="height:53px;">微信二维码 <br>
            <img class="hd_qr" src="/qqkf/images/weixin.jpg" width="125" alt="关注你附近"> </li>
        </ul>
      </div>
    </div>

    2、将qqkf文件夹传到根目录(FTP上传),如果收服务器,直接传到站点根目录即可。

    3、上面有一个QQ和电话,自己可以直接修改QQ和电话即可
    1-200415102HJN.jpg
    请点击此处下载

    查看状态:需购买或无权限

    您的用户组是:游客

    文件名称:插件15.rar 
    下载次数:0  文件大小:55.46 KB 
    下载权限: 不限 以上或 VIP会员   [购买VIP]   [充值铜板]  [免费赚铜板]







    上一篇:dedecms织梦客服QQ插件-右侧悬浮带电话QQ二维码
    下一篇:酷炫3D云背景后台登录模板插件
    回复

    使用道具 举报

    Archiver手机版小黑屋全网源码模板网 ( 蜀ICP备13002521号-1 )

    Powered by Discuz! X3.4  © 2001-2013 Comsenz Inc.