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)

  

原文地址:https://www.cnblogs.com/hack0573/p/4142205.html