特效描述:jquery 网页带二维码 右侧固定层 qq在线客服悬浮,
代码部署教程
1. 引入CSS
<link rel="stylesheet" href="css/style.css" />
2. 引入JS
<script type="text/javascript" src="js/jquery-1.7.2.min.js">
</script>
<script type="text/javascript" src="js/script.js">
</script>
3. HTML代码
<div style="height:1000px;">
</div><div id="online_qq_layer" show="1" style="right: 0px; display: block;">
<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="javascript:;">
在线技术支持</a>
</h2>
<div class="online_content overz" id="onlineType1" style="display: block;">
<ul class="overz">
<li>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=0000000000&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:12345678:51" alt="我们竭诚为您服务!" title="我们竭诚为您服务!"/>
</a>
</li>
<li>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=0000000000&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:12345678:51" alt="我们竭诚为您服务!" title="我们竭诚为您服务!"/>
</a>
</li>
<li>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=0000000000&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:12345678:51" alt="我们竭诚为您服务!" title="我们竭诚为您服务!"/>
</a>
</li>
<li>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=0000000000&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:12345678:51" alt="我们竭诚为您服务!" title="我们竭诚为您服务!"/>
</a>
</li>
<li>
电话:13600000000</li>
</ul>
</div>
<!--online_content end-->
</div>
<!--online_bar end-->
<div class="online_bar collapse" id="onlineSort2">
<h2>
<a href="javascript:;">
加盟合作咨询</a>
</h2>
<div class="online_content overz" id="onlineType2" style="display: block;">
<ul class="overz">
<li>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=0000000000&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:12345678:51" alt="我们竭诚为您服务!" title="我们竭诚为您服务!"/>
</a>
</li>
<li>
电话:13600000000</li>
</ul>
</div>
</div>
<!--online_bar end-->
<div class="online_bar collapse" id="onlineSort3">
<h2>
<a href="javascript:;">
扫一扫,体验功能</a>
</h2>
<div class="online_content overz" id="onlineType3" style="display: block;">
<img src="images/qrcode.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>