摘要：<!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網(wǎng)頁右下角懸浮在線人工客服和二維碼代碼</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 專業(yè)客服，服務(wù)咨詢</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>工單服務(wù)</h5>
<p>7*24全時處理，技術(shù)支持</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>傾耳聆聽，一個工作日內(nèi)及時處理</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>掃碼關(guān)注</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>
批改老師：天蓬老師批改時間：2019-03-25 09:15:28
老師總結(jié)：你這就是一個布局的靜態(tài)代碼, 沒有圖片, 不直觀