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

特效描述：利用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>

下载地址

立即下载