在线客服悬浮代码,鼠标滑过展开qq

高勤 2019-11-22 28 阅读

特效描述:利用jQuery实现 鼠标滑过 展开qq客服,利用jQuery实现鼠标滑过展开qq客服特效

代码部署教程

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="lineservice/js/jquery-1.3.2.min.js"></script>

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

3. HTML代码

<div id="online_service_bar">
<div id="online_service_minibar">
</div>
<div id="online_service_fullbar">
<div class="service_bar_head">
<span id="service_bar_close" title="点击关闭">点击关闭</span></div>
<div class="service_bar_main">
<ul class="service_menu">
<li class="hover">
<dl>
<dd>
<a target="_blank" href="http://www.cxvn.com/msgrd?v=3&uin=2447402004&site=qq&menu=yes">
<img width="74" height="22" border="0" src="http://www.cxvn.com/pa?p=2:2447402004:41" alt="乐分享QQ在线客服" title="乐分享QQ在线客服" /></a>
<a target="_blank" href="http://www.cxvn.com/msgrd?v=3&uin=2447402004&site=qq&menu=yes">
<img width="74" height="22" border="0" src="http://www.cxvn.com/pa?p=2:2447402004:41" alt="乐分享QQ在线客服" title="乐分享QQ在线客服" /></a>
<a target="_blank" href="http://www.cxvn.com/msgrd?v=3&uin=2447402004&site=qq&menu=yes">
<img width="74" height="22" border="0" src="http://www.cxvn.com/pa?p=2:2447402004:41" alt="乐分享QQ在线客服" title="乐分享QQ在线客服" /></a>
</dd>
</dl>
</li>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
var default_view = 1; <!--1是默认展开,0是默认关闭,新开窗口看效果,别在原页面刷新-->
</script>
<div style="text-align:center;clear:both">
</div>

演示地址下载地址

最新游戏