多皮肤悬浮QQ客服jquery插件

多皮肤悬浮QQ客服jquery插件

多皮肤悬浮QQ客服jquery插件

这是多皮肤悬浮QQ客服的jquery插件,解决了之前第一版本在Chrome浏览器中,点击收缩时悬浮窗口不显示的BUG。另外,还增加了几个参数,让该插件的在应对更多需求时更具灵活性,具体的网友们可以自己看。。

源码介绍

首先引用文件

 rel="stylesheet" type="text/css" href="css/service.css"> 
 type="text/javascript" src="js/jquery-1.4.4.min.js"> 
 type="text/javascript" src="js/jquery.fixed.1.5.1.js"> 
 language="javascript" type="text/javascript">

               

页面初始化jquery代码如下://悬浮客服

//悬浮客服 
    $("#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的QQ在线客服插件sonline.js
上一篇 2018-05-09 15:44:19
带微信二维码的jquery在线客服
2018-05-09 16:00:34 下一篇

发表评论

登录... 后才能评论