帝國cms，增加客服功能，以模板《今夕何夕模板》為例，在模板-公共模板變量添加變量，然后增加js，css，以及圖片，步驟很簡單，具體操作如下。
1 2 3 4 5 6 7 8 9 10 11 12 <div class="kf"> <h2><span id="closed"></span>客服在線</h2> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes" target="_blank" class="qqservice_list_link">QQ客服</a></li> </ul> <ul class="kfdh"> <p class="kftext">客服微信掃碼</p> <p class="kfnum"><img src="https://www.yangqq.com/skin/jxhx/images/wx.png"></p> </ul> <p class="kftext">服務時間</p> <p class="kftime">周一至周日 9:00-21:00</p> </div>第三步，返回公共模板變量，管理模板變量，復制[!--temp.kefu--]
里面添加 1 2 3 $("#closed").click(function(){ $(".kf").addClass("closed"); }); 如圖 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 /*kf*/ .kf {position: fixed;right: 20px;top: 30%;color: #fff;z-index: 999;background: #212121;border: #1c2327 3px solid;width: 150px;border-radius: 3px;text-align: center;} .kf h2 {background: #212121;font-size: 15px;color: #FFF;font-weight: normal;line-height: 30px;padding-left: 5px;} .kf h2 span { display: block; background: url(../images/close.gif) no-repeat; width: 25px; height: 25px; float:right } .kf ul li { margin: 15px 0 0 0; font-size: 14px } .kf ul li span { margin: 0 5px } .kf ul li img { display: inline-block; vertical-align: middle } .kfdh { border-top: 1px solid #222222; border-bottom: 1px solid #222222; margin: 10px 0 } .kftext {font-size: 12px;padding-left: 5px;padding-top: 5px;} .kfnum img {margin: 10px auto 0;max-width:140px;} p.kftime {font-size: 12px;text-align: center;padding: 5px 0 30px;} .closed { display: none } a.qqservice_list_link { width: 80%;display: block; text-align: center; margin: auto; padding: 5px 0; border-radius: 5px; color: #fff;background: linear-gradient(to right, #2e74e5 0%, #00c1de 100%);} @media only screen and (max-width: 480px) { .kf{display:none} }第七步，保存圖片到/skin/jxhx/images/
新聞熱點
疑難解答
