CSS网页右下角悬浮在线人工客服和二维码代码最后一天望老师作业通过

Original 2019-03-25 01:33:33 385
abstract:<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"><meta http-equiv=X-UA-Compat

<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8>

<meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">

<meta http-equiv=X-UA-Compatible content="IE=Edge,chrome=1">


<title>CSS网页右下角悬浮在线人工客服和二维码代码</title>


<link rel=stylesheet href="css/common.css">

<link rel=stylesheet href="css/jdc-side-panel.css">


</head>

<body><script src="/demos/googlegg.js"></script>


<div class="jdc-side" style="display: block;">

  <div class="mod_hang_qrcode jdc_feedback_qrcode">

    <div class="mod_hang_qrcode_btn"><i class="jdcfont"></i><span>扫码反馈</span></div>

    <div class="mod_hang_qrcode_show">

      <div class="mod-qr-tips"></div>

      <div class="mod_hang_qrcode_show_bg">

        <div id="canvas" style="height: 123px; width: 123px;"><img src="images/qr_img.png"></div>

      </div>

      <p>扫一扫,反馈当前页面</p>

    </div>

  </div>

  <div class="mod_hang_appeal">

    <div class="mod_hang_appeal_btn"><i class="jdcfont"></i> <span>咨询反馈</span></div>

    <div class="mod_hang_appeal_show">

      <ul>

        <li><a href="#" target="_blank">

          <div class="icon_box"><i class="jdcfont"></i></div>

          <div class="text_box">

            <h5>人工客服</h5>

            <p>7*12 专业客服,服务咨询</p>

          </div>

          </a></li>

        <li id="entry"><a href="#" target="_blank" class="f-cb">

          <div class="icon_box"><i class="jdcfont"></i></div>

          <div class="text_box">

            <h5>工单服务</h5>

            <p>7*24全时处理,技术支持</p>

          </div>

          </a></li>

        <li><a href="#" target="_blank" class="f-cb">

          <div class="icon_box"><i class="jdcfont"></i></div>

          <div class="text_box">

            <h5>投诉建议</h5>

            <p>倾耳聆听,一个工作日内及时处理</p>

          </div>

          </a></li>

      </ul>

    </div>

    </div>

  <div class="mod_hang_qrcode jdc_hang_qrcode"><a class="mod_hang_qrcode_btn"><i class="jdcfont"></i><span>扫码关注</span></a>

    <div class="mod_hang_qrcode_show">

      <div class="mod_hang_qrcode_show_bg"></div>

      <p>站长云微信公众号</p>

    </div>

  </div>

  <div class="mod_hang_qrcode mod_hang_top"><a href="#" class="mod_hang_qrcode_btn"><i class="jdcfont"></i><span>返回顶部</span></a></div>

  <div class="el-dialog__wrapper" style="display: none;">

    <div class="el-dialog el-dialog--small" style="top: 15%;">

      <div class="el-dialog__header"><span class="el-dialog__title"></span>

        <div type="button" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></div>

      </div>

      </div>

  </div>

</div>


<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">


</div>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-03-25 09:15:28
Teacher's summary:你这就是一个布局的静态代码, 没有图片, 不直观

Release Notes

Popular Entries