首先非常感谢网友雨的无私分享，这是多皮肤悬浮QQ客服的jquery插件的第二版本，解决了之前第一版本在Chrome浏览器中，点击收缩时悬浮窗口不显示的BUG。另外，还增加了几个参数，让该插件的在应对更多需求时更具灵活性，具体的网友们可以对比前面分享的第一版本的效果http://www.jq-school.com/Detail.aspx?id=41。。。
页面初始化jquery代码如下：
$(window).load(function(){
//悬浮客服
$("#fixedBox2").fix({
position : "left", //悬浮位置 - left或right
horizontal : 0, //水平方向的位置 - 默认为数字
vertical : null, //垂直方向的位置 - 默认为null
halfTop : false, //是否垂直居中位置
minStatue : false, //是否最小化
hideCloseBtn : false, //是否隐藏关闭按钮
skin : "gray", //皮肤
showBtnWidth : 28, //show_btn_width
contentBoxWidth : 154, //side_content_width
durationTime : 600 //完成时间
});
//悬浮客服
$("#fixedBox").fix({
position : "right", //悬浮位置 - left或right
horizontal : 0, //水平方向的位置 - 默认为数字
vertical : 100, //垂直方向的位置 - 默认为null
halfTop : true, //是否垂直居中位置
minStatue : false, //是否最小化
hideCloseBtn : false, //是否隐藏关闭按钮
skin : "blue", //皮肤
showBtnWidth : 28, //show_btn_width
contentBoxWidth : 154, //side_content_width
durationTime : 1000 //完成时间
});
});
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友雨 在线客服 弹出层 浮动效果 鼠标悬浮 悬停特效 jquery插件 jquery弹出层