/* ================================================= // // jQuery Fixed Plugins 1.3.1 // author : // Url: // Data : 2012-03-30 // // 参数 : float --> 悬浮方向[left or right] // minStatue --> 最小状态,只有show_btn // skin --> 皮肤控制 // durationTime --> 完成时间 // // =================================================*/ ;(function($){ $.fn.fix = function(options){ var defaults = { float : 'left', minStatue : false, skin : 'blue', durationTime : 1000 , stylewidth:'220', spacingw:30, spacingh:40, close_btn:'.close_btn', show_btn:'.show_btn', side_list:'.side_list', close_btn_width:25, side_title:'.side_title', set_scrollsidebar:'.page_right_style', table_menu:'.table_menu_list', widgetbox:'.widget-box' } var options = $.extend(defaults, options); this.each(function(){ //获取对象 var thisBox = $(this), closeBtn = thisBox.find(options.close_btn ), showbtn = thisBox.find(options.show_btn ), sideContent = thisBox.find('.side_content'), sideList = thisBox.find(options.side_list), sidetitle = thisBox.find(options.side_title), scrollsidebar=thisBox.find(options.set_scrollsidebar), stylespacing=thisBox.find(options.table_menu); widget_box=thisBox.find(options.widgetbox); var defaultTop = thisBox.offset().top; //对象的默认top thisBox.css(options.float, 0); //thisBox.css('height',(thisBox.height())); if(options.minStatue){ $(options.show_btn ).css("float", options.float); sideContent.css('width', 0); showbtn.css('width', (options.close_btn_width)); thisBox.css('height',(thisBox.height()))-($(options.sideList).height()); sideList.css('height',($(options.side_list).height())); } //皮肤控制 if(options.skin) thisBox.addClass('side_'+options.skin); //核心scroll事件 //$(window).bind("scroll",function(){ // var offsetTop = defaultTop + $(window).clientHeight()+ "px"; // showbtn.animate({ // top: offsetTop // }, // { // duration: options.durationTime, // queue: false //此动画将不进入动画队列 // }); // }); //close事件 closeBtn.bind("click",function(){ sideContent.animate({width: '0px'},"fast").addClass('active'); showbtn.stop(true, true).delay(300).animate({ width:+(options.close_btn_width)+'px'},"fast"); sideList.css("display","none"); sidetitle.css("display","none"); showbtn.css("display","block") scrollsidebar.addClass("Widescreen") scrollsidebar.width($(window).width()-(options.spacingw)); stylespacing.width($(window).width()-(options.spacingw)).addClass("Widescreen"); sideList.css('height',-($(options.side_list).height())); //widget_box.css('height',height($(window).height())-($(options.side_list).height())); }); //show事件 showbtn.click(function() { $(this).animate({width: '0px',border:'1px solid #ddd'},"fast").css('display','none'); sideContent.stop(true, true).delay(0).animate({ width:+(options.stylewidth)+'px'},"fast"); sideList.css("display","block") sidetitle.css("display","block"); scrollsidebar.removeClass("Widescreen") scrollsidebar.width($(window).width()-(options.stylewidth)); stylespacing.width($(window).width()-(options.spacingh)).removeClass("Widescreen"); sideList.css('height',145+($(options.side_list).height())); }); }); //end this.each }; })(jQuery);