码迷,mamicode.com
首页 > Web开发 > 详细

jQuery在线客服插件

时间:2014-12-04 11:46:07      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   os   sp   java   

调用方法

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

标签:style   blog   http   io   ar   color   os   sp   java   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!