此作品是一款非常实用的jquery特效，实现了右侧在线QQ客服+手风琴功能，应用范围很广，网站在线客服，或称做网上前台，是一种以网站为媒介，向互联网访客与网站内部员工提供即时沟通的页面通信技术，所以很多网站都可以用到在线客服特效，此作品还带了手风琴分组显示功能。。。
jquery核心代码如下 ：
$(document).ready(function() {
$("#floatShow").bind("mousemove",
function() {
$('#onlineService').animate({
width: 'show',
opacity: 'show'
},
'normal',
function() {
$('#onlineService').show();
});
$('#floatShow').attr('style', 'display:none');
$('#floatHide').attr('style', 'display:block');
});
$("#online_qq_layer").bind("mouseleave",
function() {
$('#onlineService').animate({
width: 'hide',
opacity: 'hide'
},
'normal',
function() {
$('#onlineService').hide();
});
$('#floatShow').attr('style', 'display:block');
$('#floatHide').attr('style', 'display:none');
});
});
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
在线客服 QQ客服 手风琴效果 滑动插件 弹出层 选项卡 Accordion tabs