右侧固定层 qq在线客服悬浮

汇图网 2019-11-22 100 阅读

特效描述: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>

演示地址下载地址

最新游戏