/* ** 任务栏 */ HROS.taskbar = (function(){ return { /* ** 初始化 */ init : function(){ //当浏览器窗口改变大小时,任务栏的显示也需进行刷新 $(window).on('resize', function(){ HROS.taskbar.resize(); }); //绑定任务栏点击事件 HROS.taskbar.click(); //绑定任务栏前进后退按钮事件 HROS.taskbar.pageClick(); }, click : function(){ $('#task-content-inner').on('click', 'a.task-item', function(){ if($(this).hasClass('task-item-current')){ HROS.window.hide($(this).attr('appid')); }else{ HROS.window.show2top($(this).attr('appid')); } }).on('contextmenu', 'a.task-item', function(e){ HROS.popupMenu.hide(); var popupmenu = HROS.popupMenu.task($(this)); var l = $(window).width() - e.clientX < popupmenu.width() ? e.clientX - popupmenu.width() : e.clientX; var t = e.clientY - popupmenu.height(); popupmenu.css({ left : l, top : t }).show(); return false; }); }, pageClick : function(){ $('#task-next-btn').on('click', function(){ if($(this).hasClass('disable') == false){ var w = $('#task-bar').width(), realW = $('#task-content-inner .task-item').length * 114, showW = w - 112, overW = realW - showW; var marginL = parseInt($('#task-content-inner').css('margin-left')) - 114; if(marginL <= overW * -1){ marginL = overW * -1; $('#task-next a').addClass('disable'); } $('#task-pre a').removeClass('disable'); $('#task-content-inner').animate({ marginLeft : marginL }, 200); } }); $('#task-pre-btn').on('click', function(){ if($(this).hasClass('disable') == false){ var marginL = parseInt($('#task-content-inner').css('margin-left')) + 114; if(marginL >= 0){ marginL = 0; $('#task-pre a').addClass('disable'); } $('#task-next a').removeClass('disable'); $('#task-content-inner').animate({ marginLeft : marginL }, 200); } }); }, resize : function(){ $('#task-content-inner').removeClass('fl'); $('#task-bar').css({ 'left' : 73, 'right' : 0 }); var w = $('#task-bar').width(), realW = $('#task-content-inner .task-item').length * 114, showW = w - 112; $('#task-content-inner').css('width', realW); if(realW >= showW){ $('#task-next, #task-pre').show(); $('#task-content').css('width', showW); $('#task-content-inner').addClass('fl').stop(true, false).animate({ marginLeft : 0 }, 200); $('#task-next a').removeClass('disable'); $('#task-pre a').addClass('disable'); }else{ $('#task-next, #task-pre').hide(); $('#task-content').css('width','100%'); $('#task-content-inner').css({ 'margin-left' : 0, 'margin-right' : 0 }); } } } })();