首页 > 代码库 > jQuery在线客服插件

jQuery在线客服插件

调用方法

1 $(".onLine").sOnLine({2     position: "right", //对齐方式 1.left 左对齐 2.right 右对其3     side: 10, //边距4     top: 200 //顶部距离 注意是数字不时字符串5 });

 插件下载:sOnLine_1.0.rar

 

插件源码:

    (function($){        $.fn.sOnLine = function (options) {            var defaults = {                position: "right", //对齐方式 1.left 左对齐 2.right 右对其                side: 10, //边距                top: 200 //顶部距离 注意是数字不时字符串            };            var options = $.extend(defaults, options);            var _self = this;                function init(){                var newTop = $(window).scrollTop()+options.top;                var newCss=‘{position:"absolute",‘+  options.position +‘:"‘+options.side+‘px"}‘;/*,top:"‘+options.top+‘"*/                _self.css( eval(‘(‘+newCss+‘)‘) ).stop().animate({ top: newTop });			            }		                        $(window).scroll(function () {                init();            });            init();        }    })(jQuery)

  

jQuery在线客服插件