jQuery在线客服插件

浏览数：38 / 时间：2015年06月09日

调用方法

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在线客服插件