/*
在线咨询
$('#sidebarqq').sidebarqq( { qtop: 145,//顶部距离 qposition: "left",//位置left,right qwidth: 5//边距 } ); */ (function($) { $.fn.sidebarqq = function(options){ options = $.extend({ qtop: 145,//顶部距离 qposition: "right",//位置left,right qwidth: 5//边距 }, options || {}); var barqq=this; var _windowscrolltop=0; //滚动条距离顶端距离 var _windowwidth=$(window).width(); //窗口宽度 if(options.qposition=="right"){ barqq.css({"top":options.qtop,"right":options.qwidth}); }else{ barqq.css({"top":options.qtop,"left":options.qwidth}); } $(window).scroll(actionevent).resize(actionevent); //监听滚动条事件和窗口缩放事件 //响应事件 function actionevent(){ _windowscrolltop = $(window).scrolltop(); //获取当前滚动条高度 _windowwidth=$(window).width();//获取当前窗口宽度 moveqqonline();//移动面板 } //移动面板 function moveqqonline(){ //.stop()首先将上一次的未完事件停止,否则ie下会出现慢速僵死状态,然后重新设置面板的位置。 if(options.qposition=="right"){ barqq.stop().animate({ right:options.qwidth, top: _windowscrolltop+options.qtop }, "normal"); }else{ barqq.stop().animate({ left:options.qwidth, top: _windowscrolltop+options.qtop }, "normal"); } } }; })(jquery); $(function() { $('#sidebarqq').sidebarqq(); });