带微信二维码、qq在线客服网页代码

步飞烟 2019-11-22 197 阅读

特效描述:基于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.cxvn.com/">加盟合作咨询</a> </h2>
<div class="online_content overz" id="onlineType1" style="display: block;">
<ul class="overz">
<li>
<a target="_blank" href="http://www.cxvn.com/wpa/qunwpa?idkey=123456"><img border="0" src="image/group.png" alt="乐分享QQ⑤群" title="乐分享QQ⑤群"></a>
</li>
<li>
<a target="_blank" href="http://www.cxvn.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="乐分享QQ⑤群" title="乐分享QQ⑤群"></a>
</li>
<li>
<a target="_blank" href="http://www.cxvn.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="乐分享QQ⑤群" title="乐分享QQ⑤群"></a>
</li>
<li>
<a target="_blank" href="http://www.cxvn.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="乐分享QQ⑤群" title="乐分享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.cxvn.com/">QQ在线咨询</a> </h2>
<div class="online_content overz" id="onlineType2" style="display: block;">
<ul class="overz">
<li>
<a target="_blank" href="http://www.cxvn.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="乐分享QQ⑤群" title="乐分享QQ⑤群"></a>
</li>
<li>电话:1234567890</li>
</ul>
</div>
</div>
<!--online_bar end-->
<div class="online_bar collapse" id="onlineSort3">
<h2> <a href="http://www.cxvn.com/">扫一扫,体验功能</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>

演示地址下载地址

最新游戏