有弹性可伸缩左侧浮动在线客服代码

瘦瘦瘦 2019-11-22 284 阅读

特效描述:jquery浮动 在左侧的QQ客服 带有弹性可伸缩的 在线客服,浮动在左侧的QQ客服代码 带有弹性可伸缩的在线客服代码

代码部署教程

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css">

2. 引入JS

<script src="js/jQuery.js" type="text/javascript"></script>

3. HTML代码

<div style="height:1000px;"></div>
<div id="divQQbox" class="QQbox">
<div id="divOnline" class="Qlist">
<div class="OnlineLeft">
<div class="t"></div>
<div class="infobox"></div>
<div class="con">
<ul>
<li class="odd"><a target="_blank" href="http://wpa.qq.com/msgrd?V=1&Uin=9490489&Site=QQ%D7%C9%D1%AF&Menu=yes">QQ咨询:9490489</a></li>
<li class="odd"><a target="_blank" href="http://wpa.qq.com/msgrd?V=1&Uin=9490489&Site=QQ%D7%C9%D1%AF&Menu=yes">QQ咨询:9490489</a></li>
<li><a href="http://www.cxvn.com/">官网网址:www.cxvn.com</a></li>
<li><a target="_blank" href="mailto:Service@yiyacn.com">邮箱:admin@123.com</a></li>
<li>电话:001-8888888</li>
</ul>
</div>
<div class="b"></div>
</div>
<div class="OnlineBtn"></div>
</div>
</div>

演示地址下载地址

最新游戏