基于jQuery實現帶微信二維碼在線客服代碼



38 150 51



特效描述:基于jQuery實現 帶微信二維碼 在線客服,基于jQuery實現帶微信二維碼在線客服代碼

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/plugin/jquery.tipsy.js?v=20140326"></script>
<script type="text/javascript" src="js/page/start_v5.js?v=20140326"></script>

3. HTML代碼

<div id="online_qq_layer">
  <div id="online_qq_tab">
    <div class="online_icon"> <a title="聯系我們" id="floatTrigger" href="javascript:void(0);"></a> </div>
  </div>
  <div id="onlineService">
    <div class="online_windows overz">
      <div class="online_w_top"> </div>
      <!--online_w_top end-->
      <div class="online_w_c overz">
        <div class="online_bar collapse" id="onlineSort1">
          <h2> <a href="http://www.vxisgr.tw//">加盟合作咨詢</a> </h2>
          <div class="online_content overz" id="onlineType1" style="display: block;">
            <ul class="overz">
              <li>
                <a target="_blank" href="http://www.vxisgr.tw//wpa/qunwpa?idkey=123456"><img border="0" src="image/group.png" alt="51前端QQ⑤群" title="51前端QQ⑤群"></a>
              </li>
              <li>
                  <a target="_blank" href="http://www.vxisgr.tw//wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="51前端QQ⑤群" title="51前端QQ⑤群"></a>
              </li>
              <li>
                  <a target="_blank" href="http://www.vxisgr.tw//wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="51前端QQ⑤群" title="51前端QQ⑤群"></a>
              </li>
              <li>
                   <a target="_blank" href="http://www.vxisgr.tw//wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="51前端QQ⑤群" title="51前端QQ⑤群"></a>
              </li>
              <li>電話:1234567890</li>
            </ul>
          </div>
          <!--online_content end-->
        </div>
        <!--online_bar end-->
        <div class="online_bar collapse" id="onlineSort2">
          <h2> <a href="http://www.vxisgr.tw//">QQ在線咨詢</a> </h2>
          <div class="online_content overz" id="onlineType2" style="display: block;">
            <ul class="overz">
              <li>
                   <a target="_blank" href="http://www.vxisgr.tw//wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="51前端QQ⑤群" title="51前端QQ⑤群"></a>
              </li>
              <li>電話:1234567890</li>
            </ul>
          </div>
        </div>
        <!--online_bar end-->
        <div class="online_bar collapse" id="onlineSort3">
          <h2> <a href="http://www.vxisgr.tw//">掃一掃,體驗功能</a> </h2>
          <div class="online_content overz" id="onlineType3" style="display: block;"> <img src="image/weixin_code.jpg" style="display: block;margin: 0 auto 5px;width: 90px" /> </div>
        </div>
        <!--online_bar end-->
      </div>
      <!--online_w_c end-->
      <div class="online_w_bottom"> </div>
      <!--online_w_bottom end-->
    </div>
    <!--online_windows end-->
  </div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 滑動星星打分 收縮展開 展開收縮 收縮 展開 浮動提示框 在線客服 其他 浮動菜單 浮動導航 收縮菜單 收縮導航 二維碼 qq在線客服 qq客服 在線客服插件
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表