/**************************************** @Name:layer v1.8.5 弹层组件开发版 @Author:贤心 @Date:2014-08-13 @Blog:http://sentsin.com @Copyright:Sentsin Xu(贤心) @官网:http://sentsin.com/jquery/layer */ ;!function(window, undefined){ "use strict"; var path = '', //组件存放目录,为空表示自动获取(不用填写host,相对站点的根目录即可)。 $, win, ready = { getPath: function(){ var js = document.scripts, jsPath = js[js.length - 1].src; return path ? path : jsPath.substring(0, jsPath.lastIndexOf("/") + 1); }, //五种原始层模式 type: ['dialog', 'page', 'iframe', 'loading', 'tips'] }; //默认内置方法。 window.layer = { v: '1.8.5', ie6: !!window.ActiveXObject&&!window.XMLHttpRequest, index: 0, path: ready.getPath(), //载入模块 use: function(module, callback){ var i = 0, head = $('head')[0]; var module = module.replace(/\s/g, ''); var iscss = /\.css$/.test(module); var node = document.createElement(iscss ? 'link' : 'script'); var id = module.replace(/\.|\//g, ''); if(iscss){ node.type = 'text/css'; node.rel = 'stylesheet'; } node[iscss ? 'href' : 'src'] = /^http:\/\//.test(module) ? module : layer.path + module; node.id = id; if(!$('#'+ id)[0]){ head.appendChild(node); } if(callback){ if(document.all){ $(node).ready(callback); } else { $(node).load(callback); } } }, alert: function(msg, icon, fn, yes){ var isfn = (typeof fn === 'function'), conf = { dialog: {msg: msg, type: icon, yes: isfn ? fn : yes}, area: ['auto', 'auto'] }; isfn || (conf.title = fn); return $.layer(conf); }, confirm: function(msg, yes, fn, no){ var isfn = (typeof fn === 'function'), conf = { dialog: {msg: msg, type: 4, btns: 2, yes: yes, no: isfn ? fn : no} }; isfn || (conf.title = fn); return $.layer(conf); }, msg: function(msg, time, parme, end){ var conf = { title: false, closeBtn: false, time: time === undefined ? 2 : time, dialog: {msg: (msg === '' || msg === undefined) ? ' ' : msg}, end: end }; if(typeof parme === 'object'){ conf.dialog.type = parme.type; conf.shade = parme.shade; conf.shift = parme.rate; } else if(typeof parme === 'function') { conf.end = parme } else { conf.dialog.type = parme; } return $.layer(conf); }, //加载层快捷引用 load: function(parme, icon){ if(typeof parme === 'string'){ return layer.msg(parme, icon || 0, 16); } else { return $.layer({ time: parme, loading: {type : icon}, bgcolor: icon ? '#fff' : '', shade: icon ? [0.1, '#000'] : [0], border: (icon === 3 || !icon) ? [0] : [6, 0.3, '#000'], type : 3, title : ['',false], closeBtn : [0 , false] }); } }, //tips层快捷引用 tips: function(html, follow, parme, maxWidth, guide, style){ var conf = { type: 4, shade: false, success: function(layero){ if(!this.closeBtn){ layero.find('.xubox_tips').css({'padding-right': 10}); } }, bgcolor:'', tips: {msg: html, follow: follow} }; conf.time = typeof parme === 'object' ? parme.time : (parme|0); parme = parme || {}; conf.closeBtn = parme.closeBtn || false conf.maxWidth = parme.maxWidth || maxWidth; conf.tips.guide = parme.guide || guide; conf.tips.style = parme.style || style; conf.tips.more = parme.more; return $.layer(conf); } }; //缓存常用字符 var doms = ['xubox_layer', 'xubox_iframe', '.xubox_title', '.xubox_text', '.xubox_page', '.xubox_main']; var Class = function(setings){ var that = this, config = that.config; layer.index++; that.index = layer.index; that.config = $.extend({} , config , setings); that.config.dialog = $.extend({}, config.dialog , setings.dialog); that.config.page = $.extend({}, config.page , setings.page); that.config.iframe = $.extend({}, config.iframe , setings.iframe); that.config.loading = $.extend({}, config.loading , setings.loading); that.config.tips = $.extend({}, config.tips , setings.tips); that.creat(); }; Class.pt = Class.prototype; //默认配置 Class.pt.config = { type: 0, shade: [0.3, '#000'], fix: true, move: '.xubox_title', title: '信息', offset: ['', '50%'], area: ['310px', 'auto'], closeBtn: [0, true], time: 0, bgcolor: '#fff', border: [6, 0.3, '#000'], zIndex: 19891014, maxWidth: 400, dialog: {btns: 1, btn: ['确定','取消'], type : 8, msg: '', yes: function(index){layer.close(index);}, no: function(index){layer.close(index);}}, page: {dom: '#xulayer', html: '', url: ''}, iframe: {src: 'http://sentsin.com', scrolling: 'auto'}, loading: {type: 0}, tips: {msg: '', follow: '', guide: 0, isGuide: true, style: ['background-color:#FF9900; color:#fff;', '#FF9900']}, success: function(layer){}, //创建成功后的回调 close: function(index){ layer.close(index);}, //右上角关闭回调 end: function(){} //终极销毁回调 }; //容器 Class.pt.space = function(html){ var that = this, html = html || '', times = that.index, config = that.config, dialog = config.dialog, ico = dialog.type === -1 ? '' : '', frame = [ '
'+ ico +'' + dialog.msg + '
', '
'+ html +'
', '', '', '
'+ config.tips.msg +'
' ], shade = '' , border = '', zIndex = config.zIndex + times, shadeStyle = 'z-index:'+ zIndex +'; background-color:'+ config.shade[1] +'; opacity:'+ config.shade[0] +'; filter:alpha(opacity='+ config.shade[0]*100 +');'; config.shade[0] && (shade = '
'); config.zIndex = zIndex; var title = '', closebtn = '', borderStyle = "z-index:"+ (zIndex-1) +"; background-color: "+ config.border[2] +"; opacity:"+ config.border[1] +"; filter:alpha(opacity="+ config.border[1]*100 +"); top:-"+ config.border[0] +"px; left:-"+ config.border[0] +"px;"; config.border[0] && (border = '
'); if(config.maxmin && (config.type === 1 || config.type === 2) && (!/^\d+%$/.test(config.area[0]) || !/^\d+%$/.test(config.area[1]))){ closebtn = ''; } config.closeBtn[1] && (closebtn += ''); var titype = typeof config.title === 'object'; config.title && (title = '
' + (titype ? config.title[0] : config.title) + '
'); return [shade, '
' + '
' + frame[config.type] + title + ''+ closebtn + '' + '' + '
'+ border + '
' ]; }; //创建骨架 Class.pt.creat = function(){ var that = this , space = '', config = that.config, dialog = config.dialog, times = that.index; var page = config.page, body = $("body"), setSpace = function(html){ var html = html || ''; space = that.space(html); body.append($(space[0])); }; switch(config.type){ case 0: config.title || (config.area = ['auto','auto']); $('.xubox_dialog')[0] && layer.close($('.xubox_dialog').parents('.'+ doms[0]).attr('times')); break; case 1: if(page.html !== ''){ setSpace('
'+ page.html +'
'); body.append($(space[1])); } else if (page.url !== ''){ setSpace('
'+ page.html +'
'); body.append($(space[1])); $.get(page.url, function(datas){ $('#xuboxPageHtml'+ times).html(datas.toString()); page.ok && page.ok(datas); }); } else { if($(page.dom).parents(doms[4]).length == 0){ setSpace(); $(page.dom).show().wrap($(space[1])); } else { return; } } break; case 3: config.title = false; config.area = ['auto', 'auto']; config.closeBtn = ['', false]; $('.xubox_loading')[0] && layer.closeLoad(); break; case 4: config.title = false; config.area = ['auto', 'auto']; config.fix = false; config.border = [0]; config.tips.more || layer.closeTips(); break; }; if(config.type !== 1){ setSpace(); body.append($(space[1])); } var layerE = that.layerE = $('#'+ doms[0] + times); layerE.css({width: config.area[0], height: config.area[1]}); config.fix || layerE.css({position: 'absolute'}); //配置按钮 if(config.title && (config.type !== 3 || config.type !== 4)){ var confbtn = config.type === 0 ? dialog : config, layerBtn = layerE.find('.xubox_botton'); confbtn.btn = config.btn || dialog.btn; switch(confbtn.btns){ case 0: layerBtn.html('').hide(); break; case 1: layerBtn.html(''+ confbtn.btn[0] +''); break; case 2: layerBtn.html(''+ confbtn.btn[0] +'' + ''+ confbtn.btn[1] + ''); break; } } if(layerE.css('left') === 'auto'){ layerE.hide(); setTimeout(function(){ layerE.show(); that.set(times); }, 500); }else{ that.set(times); } config.time <= 0 || that.autoclose(); that.callback(); }; ready.fade = function(obj, time, opa){ obj.css({opacity: 0}).animate({opacity: opa}, time); }; //计算坐标 Class.pt.offset = function(){ var that = this, config = that.config, layerE = that.layerE, laywid = layerE.outerHeight(); if(config.offset[0] === '' && laywid < win.height()){ that.offsetTop = (win.height() - laywid - 2*config.border[0])/2; }else if(config.offset[0].indexOf("px") != -1){ that.offsetTop = parseFloat(config.offset[0]); } else { that.offsetTop = parseFloat(config.offset[0]||0)/100 * win.height(); } that.offsetTop = that.offsetTop + config.border[0] + (config.fix ? 0 : win.scrollTop()); if(config.offset[1].indexOf("px") != -1){ that.offsetLeft = parseFloat(config.offset[1]) + config.border[0]; } else { config.offset[1] = config.offset[1] === '' ? '50%' : config.offset[1]; if(config.offset[1] === '50%'){ that.offsetLeft = config.offset[1]; }else{ that.offsetLeft = parseFloat(config.offset[1])/100 * win.width() + config.border[0]; } }; }; //初始化骨架 Class.pt.set = function(times){ var that = this; var config = that.config; var dialog = config.dialog; var page = config.page; var loading = config.loading; var layerE = that.layerE; var layerTitle = layerE.find(doms[2]); that.autoArea(times); if(config.title){ if(config.type === 0){ layer.ie6 && layerTitle.css({width : layerE.outerWidth()}); } }else{ config.type !== 4 && layerE.find('.xubox_close').addClass('xubox_close1'); }; layerE.attr({'type' : ready.type[config.type]}); that.offset(); //判断是否动画弹出 if(config.type !== 4){ if(config.shift && !layer.ie6){ if(typeof config.shift === 'object'){ that.shift(config.shift[0], config.shift[1]||500, config.shift[2]); } else { that.shift(config.shift, 500); } } else { layerE.css({top: that.offsetTop, left: that.offsetLeft}); } } switch(config.type){ case 0: layerE.find(doms[5]).css({'background-color': '#fff'}); if(config.title){ layerE.find(doms[3]).css({paddingTop: 18 + layerTitle.outerHeight()}); }else{ layerE.find('.xubox_msgico').css({top: 8}); layerE.find(doms[3]).css({marginTop : 11}); } break; case 1: layerE.find(page.dom).addClass('layer_pageContent'); config.shade[0] && layerE.css({zIndex: config.zIndex + 1}); config.title && layerE.find(doms[4]).css({top: layerTitle.outerHeight()}); break; case 2: var iframe = layerE.find('.'+ doms[1]), heg = layerE.height(); iframe.addClass('xubox_load').css({width: layerE.width()}); config.title ? iframe.css({top: layerTitle.height(), height: heg - layerTitle.height()}) : iframe.css({top: 0, height : heg}); layer.ie6 && iframe.attr('src', config.iframe.src); break; case 4: var layArea = [0, layerE.outerHeight()], fow = $(config.tips.follow), fowo = { width: fow.outerWidth(), height: fow.outerHeight(), top: fow.offset().top, left: fow.offset().left }, tipsG = layerE.find('.layerTipsG'); config.tips.isGuide || tipsG.remove(); layerE.outerWidth() > config.maxWidth && layerE.width(config.maxWidth); fowo.tipColor = config.tips.style[1]; layArea[0] = layerE.outerWidth(); fowo.autoLeft = function(){ if(fowo.left + layArea[0] - win.width() > 0){ fowo.tipLeft = fowo.left + fowo.width - layArea[0]; tipsG.css({right: 12, left: 'auto'}); } else { fowo.tipLeft = fowo.left; }; }; //辨别tips的方位 fowo.where = [function(){ //上 fowo.autoLeft(); fowo.tipTop = fowo.top - layArea[1] - 10; tipsG.removeClass('layerTipsB').addClass('layerTipsT').css({'border-right-color': fowo.tipColor}); }, function(){ //右 fowo.tipLeft = fowo.left + fowo.width + 10; fowo.tipTop = fowo.top; tipsG.removeClass('layerTipsL').addClass('layerTipsR').css({'border-bottom-color': fowo.tipColor}); }, function(){ //下 fowo.autoLeft(); fowo.tipTop = fowo.top + fowo.height + 10; tipsG.removeClass('layerTipsT').addClass('layerTipsB').css({'border-right-color': fowo.tipColor}); }, function(){ //左 fowo.tipLeft = fowo.left - layArea[0] + 10; fowo.tipTop = fowo.top; tipsG.removeClass('layerTipsR').addClass('layerTipsL').css({'border-bottom-color': fowo.tipColor}); }]; fowo.where[config.tips.guide](); /* 8*2为小三角形占据的空间 */ if(config.tips.guide === 0){ fowo.top - (win.scrollTop() + layArea[1] + 8*2) < 0 && fowo.where[2](); } else if(config.tips.guide === 1){ win.width() - (fowo.left + fowo.width + layArea[0] + 8*2) > 0 || fowo.where[3]() } else if(config.tips.guide === 2){ (fowo.top - win.scrollTop() + fowo.height + layArea[1] + 8*2) - win.height() > 0 && fowo.where[0](); } else if(config.tips.guide === 3){ layArea[0] + 8*2 - fowo.left > 0 && fowo.where[1]() } else if(config.tips.guide === 4){ } layerE.css({left: fowo.tipLeft, top: fowo.tipTop}); break; }; if(config.fadeIn){ ready.fade(layerE, config.fadeIn, 1); ready.fade($('#xubox_shade'+ times), config.fadeIn, config.shade[0]); } //坐标自适应浏览器窗口尺寸 if(config.fix && config.offset[0] === '' && !config.shift){ win.on('resize', function(){ layerE.css({top: (win.height() - layerE.outerHeight())/2}); }); } that.move(); }; //动画进入 Class.pt.shift = function(type, rate, stop){ var that = this, config = that.config; var layerE = that.layerE; var cutWth = 0, ww = win.width(); var wh = win.height() + (config.fix ? 0 : win.scrollTop()); if(config.offset[1] == '50%' || config.offset[1] == ''){ cutWth = layerE.outerWidth()/2; } else { cutWth = layerE.outerWidth(); } var anim = { t: {top: that.offsetTop}, b: {top : wh - layerE.outerHeight() - config.border[0]}, cl: cutWth + config.border[0], ct: -layerE.outerHeight(), cr: ww - cutWth - config.border[0] }; switch(type){ case 'left-top': layerE.css({left: anim.cl, top: anim.ct}).animate(anim.t, rate); break; case 'top': layerE.css({top: anim.ct}).animate(anim.t, rate); break; case 'right-top': layerE.css({left: anim.cr, top: anim.ct}).animate(anim.t, rate); break; case 'right-bottom': layerE.css({left: anim.cr, top: wh}).animate(stop ? anim.t : anim.b, rate); break; case 'bottom': layerE.css({top: wh}).animate(stop ? anim.t : anim.b, rate); break; case 'left-bottom': layerE.css({left: anim.cl, top: wh}).animate(stop ? anim.t : anim.b, rate); break; case 'left': layerE.css({left: -layerE.outerWidth()}).animate({left: that.offsetLeft}, rate); break; } }; //自适应宽高 Class.pt.autoArea = function(times){ var that = this, times = times || that.index, config = that.config, page = config.page; var layerE = $('#'+ doms[0] + times), layerTitle = layerE.find(doms[2]), layerMian = layerE.find(doms[5]); var titHeight = config.title ? layerTitle.innerHeight() : 0, outHeight, btnHeight = 0; if(config.area[0] === 'auto' && layerMian.outerWidth() >= config.maxWidth){ layerE.css({width : config.maxWidth}); } switch(config.type){ case 0: var aBtn = layerE.find('.xubox_botton>a'); outHeight = layerE.find(doms[3]).outerHeight() + 20; if(aBtn.length > 0){ btnHeight = aBtn.outerHeight() + 20; } break; case 1: var layerPage = layerE.find(doms[4]); outHeight = $(page.dom).outerHeight(); config.area[0] === 'auto' && layerE.css({width : layerPage.outerWidth()}); if(page.html !== '' || page.url !== ''){ outHeight = layerPage.outerHeight(); } break; case 2: layerE.find('iframe').css({width: layerE.outerWidth(), height: layerE.outerHeight() - (config.title ? layerTitle.innerHeight() : 0)}); break; case 3: var load = layerE.find(".xubox_loading"); outHeight = load.outerHeight(); layerMian.css({width: load.width()}); break; }; (config.area[1] === 'auto') && layerMian.css({height: titHeight + outHeight + btnHeight}); $('#xubox_border' + times).css({width: layerE.outerWidth() + 2*config.border[0] , height: layerE.outerHeight() + 2*config.border[0]}); (layer.ie6 && config.area[0] !== 'auto') && layerMian.css({width : layerE.outerWidth()}); (config.offset[1] === '50%' || config.offset[1] == '') && (config.type !== 4) ? layerE.css({marginLeft : -layerE.outerWidth()/2}) : layerE.css({marginLeft : 0}); }; //拖拽层 Class.pt.move = function(){ var that = this, config = that.config, conf = { setY: 0, moveLayer: function(){ if(parseInt(conf.layerE.css('margin-left')) == 0){ var lefts = parseInt(conf.move.css('left')); }else{ var lefts = parseInt(conf.move.css('left')) + (-parseInt(conf.layerE.css('margin-left'))) } if(conf.layerE.css('position') !== 'fixed'){ lefts = lefts - conf.layerE.parent().offset().left; conf.setY = 0 } conf.layerE.css({left: lefts, top: parseInt(conf.move.css('top')) - conf.setY}); } }; var movedom = that.layerE.find(config.move); config.move && movedom.attr('move','ok'); config.move ? movedom.css({cursor: 'move'}) : movedom.css({cursor: 'auto'}); $(config.move).on('mousedown', function(M){ M.preventDefault(); if($(this).attr('move') === 'ok'){ conf.ismove = true; conf.layerE = $(this).parents('.'+ doms[0]); var xx = conf.layerE.offset().left, yy = conf.layerE.offset().top, ww = conf.layerE.width() - 6, hh = conf.layerE.height() - 6; if(!$('#xubox_moves')[0]){ $('body').append('
'); } conf.move = $('#xubox_moves'); config.moveType && conf.move.css({opacity: 0}); conf.moveX = M.pageX - conf.move.position().left; conf.moveY = M.pageY - conf.move.position().top; conf.layerE.css('position') !== 'fixed' || (conf.setY = win.scrollTop()); } }); $(document).mousemove(function(M){ if(conf.ismove){ var offsetX = M.pageX - conf.moveX, offsetY = M.pageY - conf.moveY; M.preventDefault(); //控制元素不被拖出窗口外 if(!config.moveOut){ conf.setY = win.scrollTop(); var setRig = win.width() - conf.move.outerWidth() - config.border[0], setTop = config.border[0] + conf.setY; offsetX < config.border[0] && (offsetX = config.border[0]); offsetX > setRig && (offsetX = setRig); offsetY < setTop && (offsetY = setTop); offsetY > win.height() - conf.move.outerHeight() - config.border[0] + conf.setY && (offsetY = win.height() - conf.move.outerHeight() - config.border[0] + conf.setY); } conf.move.css({left: offsetX, top: offsetY}); config.moveType && conf.moveLayer(); offsetX = null; offsetY = null; setRig = null; setTop = null } }).mouseup(function(){ try{ if(conf.ismove){ conf.moveLayer(); conf.move.remove(); } conf.ismove = false; }catch(e){ conf.ismove = false; } config.moveEnd && config.moveEnd(); }); }; //自动关闭layer Class.pt.autoclose = function(){ var that = this, time = that.config.time, maxLoad = function(){ time--; if(time === 0){ layer.close(that.index); clearInterval(that.autotime); } }; that.autotime = setInterval(maxLoad , 1000); }; ready.config = { end: {} }; Class.pt.callback = function(){ var that = this, layerE = that.layerE, config = that.config, dialog = config.dialog; that.openLayer(); that.config.success(layerE); layer.ie6 && that.IE6(layerE); layerE.find('.xubox_close').on('click', function(){ config.close(that.index); layer.close(that.index); }); layerE.find('.xubox_yes').on('click',function(){ config.yes ? config.yes(that.index) : dialog.yes(that.index); }); layerE.find('.xubox_no').on('click',function(){ config.no ? config.no(that.index) : dialog.no(that.index); layer.close(that.index); }); if(that.config.shadeClose){ $('#xubox_shade'+ that.index).on('click', function(){ layer.close(that.index); }); } //最小化 layerE.find('.xubox_min').on('click', function(){ layer.min(that.index, config); config.min && config.min(layerE); }); //全屏/还原 layerE.find('.xubox_max').on('click', function(){ if($(this).hasClass('xubox_maxmin')){ layer.restore(that.index); config.restore && config.restore(layerE); } else { layer.full(that.index, config); config.full && config.full(layerE); } }); ready.config.end[that.index] = config.end; }; //恢复select ready.reselect = function(){ $.each($('select'), function(index , value){ var sthis = $(this); if(!sthis.parents('.'+doms[0])[0]){ (sthis.attr('layer') == 1 && $('.'+doms[0]).length < 1) && sthis.removeAttr('layer').show(); } sthis = null; }); }; Class.pt.IE6 = function(layerE){ var that = this; var _ieTop = layerE.offset().top; //ie6的固定与相对定位 if(that.config.fix){ var ie6Fix = function(){ layerE.css({top : win.scrollTop() + _ieTop}); }; }else{ var ie6Fix = function(){ layerE.css({top : _ieTop}); }; } ie6Fix(); win.scroll(ie6Fix); //隐藏select $.each($('select'), function(index , value){ var sthis = $(this); if(!sthis.parents('.'+doms[0])[0]){ sthis.css('display') == 'none' || sthis.attr({'layer' : '1'}).hide(); } sthis = null; }); }; //给layer对象拓展方法 Class.pt.openLayer = function(){ var that = this, layerE = that.layerE; //自适应宽高 layer.autoArea = function(index){ return that.autoArea(index); }; //兼容旧版出场动画 layer.shift = function(type, rate, stop){ that.shift(type, rate, stop); }; //初始化拖拽元素 layer.setMove = function(){ return that.move(); }; //置顶当前窗口 layer.zIndex = that.config.zIndex; layer.setTop = function(layerNow){ var setZindex = function(){ layer.zIndex++; layerNow.css('z-index', layer.zIndex + 1); }; layer.zIndex = parseInt(layerNow[0].style.zIndex); layerNow.on('mousedown', setZindex); return layer.zIndex; }; }; ready.isauto = function(layero, options, offset){ options.area[0] === 'auto' && (options.area[0] = layero.outerWidth()); options.area[1] === 'auto' && (options.area[1] = layero.outerHeight()); layero.attr({area: options.area + ',' + offset}); layero.find('.xubox_max').addClass('xubox_maxmin'); }; ready.rescollbar = function(index){ if(doms.html.attr('layer-full') == index){ if(doms.html[0].style.removeProperty){ doms.html[0].style.removeProperty('overflow'); } else { doms.html[0].style.removeAttribute('overflow'); } doms.html.removeAttr('layer-full'); } }; /** * 集成属性/方法 **/ //获取page层所在索引 layer.getIndex = function(selector){ return $(selector).parents('.'+doms[0]).attr('times'); }; //获取子iframe的DOM layer.getChildFrame = function(selector, index){ index = index || $('.'+ doms[1]).parents('.'+doms[0]).attr('times'); return $('#'+ doms[0] + index).find('.'+ doms[1]).contents().find(selector); }; //得到当前iframe层的索引,子iframe时使用 layer.getFrameIndex = function(name){ return $(name ? '#'+ name : '.'+ doms[1]).parents('.'+doms[0]).attr('times'); }; //iframe层自适应宽高 layer.iframeAuto = function(index){ index = index || $('.'+ doms[1]).parents('.'+doms[0]).attr('times'); var heg = layer.getChildFrame('body', index).outerHeight(), layero = $('#'+ doms[0] + index), tit = layero.find(doms[2]), titHt = 0; tit && (titHt = tit.height()); layero.css({height: heg + titHt}); var bs = -parseInt($('#xubox_border'+ index).css('top')); $('#xubox_border'+ index).css({height: heg + 2*bs + titHt}); $('#'+ doms[1] + index).css({height: heg}); }; //重置iframe url layer.iframeSrc = function(index, url){ $('#'+ doms[0] + index).find('iframe').attr('src', url); }; //重置层 layer.area = function(index, options){ var layero = [$('#'+ doms[0] + index), $('#xubox_border'+ index)], type = layero[0].attr('type'), main = layero[0].find(doms[5]), title = layero[0].find(doms[2]); if(type === ready.type[1] || type === ready.type[2]){ layero[0].css(options); main.css({width: options.width, height: options.height}); if(type === ready.type[2]){ var iframe = layero[0].find('iframe'); iframe.css({width: options.width, height: title ? options.height - title.innerHeight() : options.height}); } if(layero[0].css('margin-left') !== '0px') { options.hasOwnProperty('top') && layero[0].css({top: options.top - (layero[1][0] ? parseFloat(layero[1].css('top')) : 0)}); options.hasOwnProperty('left') && layero[0].css({left: options.left + layero[0].outerWidth()/2 - (layero[1][0] ? parseFloat(layero[1].css('left')) : 0)}); layero[0].css({marginLeft : -layero[0].outerWidth()/2}); } if(layero[1][0]){ layero[1].css({ width: parseFloat(options.width) - 2*parseFloat(layero[1].css('left')), height: parseFloat(options.height) - 2*parseFloat(layero[1].css('top')) }); } } }; //最小化 layer.min = function(index, options){ var layero = $('#'+ doms[0] + index), offset = [layero.position().top, layero.position().left + parseFloat(layero.css('margin-left'))]; ready.isauto(layero, options, offset); layer.area(index, {width: 180, height: 35}); layero.find('.xubox_min').hide(); layero.attr('type') === 'page' && layero.find(doms[4]).hide(); ready.rescollbar(index); }; //还原 layer.restore = function(index){ var layero = $('#'+ doms[0] + index), area = layero.attr('area').split(','); var type = layero.attr('type'); layer.area(index, { width: parseFloat(area[0]), height: parseFloat(area[1]), top: parseFloat(area[2]), left: parseFloat(area[3]) }); layero.find('.xubox_max').removeClass('xubox_maxmin'); layero.find('.xubox_min').show(); layero.attr('type') === 'page' && layero.find(doms[4]).show(); ready.rescollbar(index); }; //全屏 layer.full = function(index, options){ var layero = $('#'+ doms[0] + index), borders = options.border[0]*2 || 6, timer; var offset = [layero.position().top, layero.position().left + parseFloat(layero.css('margin-left'))]; ready.isauto(layero, options, offset); if(!doms.html.attr('layer-full')){ doms.html.css('overflow','hidden').attr('layer-full', index); } clearTimeout(timer); timer = setTimeout(function(){ layer.area(index, { top: layero.css('position') === 'fixed' ? 0 : win.scrollTop(), left: layero.css('position') === 'fixed' ? 0 : win.scrollLeft(), width: win.width() - borders, height: win.height() - borders }); }, 100); }; //改变title layer.title = function(name, index){ var title = $('#'+ doms[0] + (index||layer.index)).find('.xubox_title>em'); title.html(name); }; //关闭layer总方法 layer.close = function(index){ var layero = $('#'+ doms[0] + index), type = layero.attr('type'), shadeNow = $('#xubox_moves, #xubox_shade' + index); if(!layero[0]){ return; } if(type == ready.type[1]){ if(layero.find('.xuboxPageHtml')[0]){ layero[0].innerHTML = ''; layero.remove(); }else{ layero.find('.xubox_setwin,.xubox_close,.xubox_botton,.xubox_title,.xubox_border').remove(); for(var i = 0 ; i < 3 ; i++){ layero.find('.layer_pageContent').unwrap().hide(); } } }else{ layero[0].innerHTML = ''; layero.remove(); } shadeNow.remove(); layer.ie6 && ready.reselect(); ready.rescollbar(index); typeof ready.config.end[index] === 'function' && ready.config.end[index](); delete ready.config.end[index]; }; //关闭loading层 layer.closeLoad = function(){ layer.close($('.xubox_loading').parents('.'+doms[0]).attr('times')); }; //关闭tips层 layer.closeTips = function(){ layer.closeAll('tips'); }; //关闭所有层 layer.closeAll = function(type){ $.each($('.'+doms[0]), function(){ var othis = $(this); var is = type ? (othis.attr('type') === type) : 1; if(is){ layer.close(othis.attr('times')); } is = null; }); }; //主入口 ready.run = function(){ $ = jQuery; win = $(window); doms.html = $('html'); layer.use('skin/layer.css'); $.layer = function(deliver){ var o = new Class(deliver); return o.index; }; (new Image()).src = layer.path + 'skin/default/xubox_ico0.png'; }; if("function" === typeof define){ define(function(){ ready.run(); return layer; }); }else{ ready.run(); } }(window);