/** * jquery.hhservice 左侧客服插件 * user: huanhuan * qq: 651471385 * email: th.wanghuan@gmail.com * 微博: huanhuan的天使 * data 2013-04-03 * dependence jquery-1.7.2.min.js * 参数 : float --> 悬浮方向[left or right] * minstatue --> 最小状态,只有show_btn * skin --> 皮肤控制 * durationtime --> 完成时间 * web:https://github.com/huanhuan1989 http://www.cnblogs.com/huanhuan1989/ **/ ;(function($){ $.fn.fix = function(options){ var defaults = { float : 'left', minstatue : false, skin : 'gray', durationtime : 1000 } var options = $.extend(defaults, options); this.each(function(){ //获取对象 var thisbox = $(this), closebtn = thisbox.find('.close_btn' ), show_btn = thisbox.find('.show_btn' ), sidecontent = thisbox.find('.side_content'), contentwidth = thisbox.find('.side_list').width(), sidelist = thisbox.find('.side_list'); var defaulttop = thisbox.offset().top; //对象的默认top thisbox.css(options.float, 0); if(options.minstatue){ $(".show_btn").css("float", options.float); sidecontent.css('width', 0); show_btn.css('width', 25); } //皮肤控制 if(options.skin) thisbox.addclass('side_'+options.skin); //核心scroll事件 $(window).bind("scroll",function(){ var offsettop = defaulttop + $(window).scrolltop() + "px"; thisbox.animate({ top: offsettop }, { duration: options.durationtime, queue: false //此动画将不进入动画队列 }); }); //close事件 closebtn.bind("click",function(){ sidecontent.animate({width: '0'},"fast"); show_btn.stop(true, true).delay(300).animate({ width: '33px'},"fast").css('float','right'); //thisbox.width(thisbox.find('.show_btn' ).width()); }); //show事件 show_btn.click(function() { $(this).animate({width: '0px'},"fast"); thisbox.width(contentwidth); sidecontent.stop(true, true).delay(200).animate({ width: '167px'},"fast"); }); }); //end this.each }; })(jquery);