如何用手机创建网站,网络营销的基本特点和描述,网站管理工作流程,网站设计任务书范文为什么80%的码农都做不了架构师#xff1f; //popup class 显示弹出窗口#xff0c;。/*以下为使用popup对象#xff0c;传入相应的配置参数#xff0c;弹出不同类型的窗口 function ShowIframe() //显示iframe { var popnew P… 为什么80%的码农都做不了架构师 //popup class 显示弹出窗口。/*以下为使用popup对象传入相应的配置参数弹出不同类型的窗口 function ShowIframe() //显示iframe { var popnew Popup({ contentType:1,isReloadOnClose:false,width:400,height:500}); pop.setContent(contentUrl,链接地址); pop.setContent(title,框架iframe示例); pop.build(); pop.show(); } function ShowHtmlString() //显示html { var strHtml table border1 stylewidth:90%; text-align:center;tr styleheight:40pxtdds/tdtddads/td/trtr styleheight:40pxtddadas/tdtddasd/td/trtr styleheight:40pxtddadasd/tdtddsadads/td/tr/table; var popnew Popup({ contentType:2,isReloadOnClose:false,width:340,height:300}); pop.setContent(contentHtml,strHtml); pop.setContent(title,字符串示例html); pop.build(); pop.show(); } function ShowAlert() //显示警示对话框 { var popnew Popup({ contentType:4,isReloadOnClose:true,width:340,height:80}); pop.setContent(title,警告框示例alert); pop.setContent(alertCon,alert对话框的内容); pop.build(); pop.show(); } function ShowConfirm() //显示确认对话框 { var popnew Popup({ contentType:3,isReloadOnClose:false,width:340,height:80}); pop.setContent(title,对话框示例confirm); pop.setContent(confirmCon,confirm对话框的内容); pop.setContent(callBack,ShowCallBack); //回调函数 pop.setContent(parameter,{id:divCall,str:点击确定后显示的字符串,obj:pop}); pop.build(); pop.show(); } function ShowCallBack(para) //回调函数 { var o_pop para[obj] var obj document.getElementById(para[id]); o_pop.close(); obj.innerText para[str]; }*/if(!Array.prototype.push){Array.prototype.pushfunction(){ var startLengththis.length; for(var i0;iarguments.length;i) this[startLengthi]arguments[i]; return this.length;}};function G(){ var elementsnew Array(); for(var i0;iarguments.length;i){ var elementarguments[i]; if(typeof elementstring) elementdocument.getElementById(element); if(arguments.length1) return element;elements.push(element) }; return elements};Function.prototype.bindfunction(object){var __methodthis;return function(){__method.apply(object,arguments)}};Function.prototype.bindAsEventListenerfunction(object){var __methodthis;return function(event){__method.call(object,event||window.event)}};Object.extendfunction(destination,source){for(property in source){destination[property]source[property]};return destination};if(!window.Event){var Eventnew Object()};Object.extend(Event,{observers:false,element:function(event){return event.target||event.srcElement},isLeftClick:function(event){return(((event.which)(event.which1))||((event.button)(event.button1)))},pointerX:function(event){return event.pageX||(event.clientX(document.documentElement.scrollLeft||document.body.scrollLeft))},pointerY:function(event){return event.pageY||(event.clientY(document.documentElement.scrollTop||document.body.scrollTop))},stop:function(event){if(event.preventDefault){event.preventDefault();event.stopPropagation()}else{event.returnValuefalse;event.cancelBubbletrue}},findElement:function(event,tagName){var elementEvent.element(event);while(element.parentNode(!element.tagName||(element.tagName.toUpperCase()!tagName.toUpperCase())))elementelement.parentNode;return element},_observeAndCache:function(element,name,observer,useCapture){if(!this.observers)this.observers[];if(element.addEventListener){this.observers.push([element,name,observer,useCapture]);element.addEventListener(name,observer,useCapture)}else if(element.attachEvent){this.observers.push([element,name,observer,useCapture]);element.attachEvent(onname,observer)}},unloadCache:function(){if(!Event.observers)return;for(var i0;iEvent.observers.length;i){Event.stopObserving.apply(this,Event.observers[i]);Event.observers[i][0]null};Event.observersfalse},observe:function(element,name,observer,useCapture){var elementG(element);useCaptureuseCapture||false;if(namekeypress(navigator.appVersion.match(/Konqueror|Safari|KHTML/)||element.attachEvent))namekeydown;this._observeAndCache(element,name,observer,useCapture)},stopObserving:function(element,name,observer,useCapture){var elementG(element);useCaptureuseCapture||false;if(namekeypress(navigator.appVersion.match(/Konqueror|Safari|KHTML/)||element.detachEvent))namekeydown;if(element.removeEventListener){element.removeEventListener(name,observer,useCapture)}else if(element.detachEvent){element.detachEvent(onname,observer)}}});Event.observe(window,unload,Event.unloadCache,false);var Classfunction(){var _classfunction(){ this.initialize.apply(this,arguments)};for(i0;iarguments.length;i){ superClassarguments[i];for(member in superClass.prototype){_class.prototype[member]superClass.prototype[member]}};_class.childfunction(){return new Class(this)};_class.extendfunction(f){for(property in f){_class.prototype[property]f[property]}};return _class};function space(flag){if(flagbegin){ var eledocument.getElementById(ft); if(typeof(ele)!undefinedele!null) ele.idft_popup; eledocument.getElementById(usrbar); if(typeof(ele)!undefinedele!null) ele.idusrbar_popup}else if(flagend){ var eledocument.getElementById(ft_popup); if(typeof(ele)!undefinedele!null)ele.idft; eledocument.getElementById(usrbar_popup); if(typeof(ele)!undefinedele!null)ele.idusrbar}}; 以下是popup类包括初始化参数及可调用的方法build()、show()...// Popup Class begin....var Popupnew Class();Popup.prototype{iframeIdName:ifr_popup, //iframe的名字initialize:function(config){ this.configObject.extend({ //属性设置 contentType:1, //pop类型 1. 内嵌iframe2. 显示给定的html 3. confirm框 4. alert框 isHaveTitle:true, //是否有标题栏 scrollType:no, //内嵌iframe是否可以滚动 isBackgroundCanClick:false, //背景是否可以点击 isSupportDraging:true, //是否支持拖动 isShowShadow:true, //是否显示阴影 isReloadOnClose:true, //关闭后是否重新加载页面 width:400, //宽度 height:300 //高度 },config||{}); this.info{ //参数 shadowWidth:4, //阴影宽度 title:, //标题 contentUrl:, //iframe的url contentHtml:, //内容的html callBack:null, //回调函数 parameter:null, //调用的参数 如 {id:divCall,str:点击确定后显示的字符串,obj:pop} confirmCon:, //confirm的内容 alertCon:, //alert的内容 someHiddenTag:select,object,embed, //自动隐藏的页面元素 someDisabledBtn:, //禁用的btn someHiddenEle:, //隐藏的匀速 overlay:0, //覆盖 coverOpacity:40 //蒙皮不透明度 }; this.color{ cColor:#EEEEEE, //蒙皮颜色 bColor:#FFFFFF, //背景颜色 tColor:#48BBFA, //标题背景颜色边框颜色 wColor:#FFFFFF //标题文字颜色 }; this.dropClassnull; this.someToHidden[]; this.someToDisabled[]; if(!this.config.isHaveTitle) this.config.isSupportDragingfalse; this.iniBuild()},setContent:function(arrt,val){ //设置内容即 this.info 的参数内容 if(val!){ switch(arrt){ case width:this.config.widthval;break; case height:this.config.heightval;break; case title:this.info.titleval;break; case contentUrl:this.info.contentUrlval;break; case contentHtml:this.info.contentHtmlval;break; case callBack:this.info.callBackval;break; case parameter:this.info.parameterval;break; case confirmCon:this.info.confirmConval;break; case alertCon:this.info.alertConval;break; case someHiddenTag:this.info.someHiddenTagval;break; case someHiddenEle:this.info.someHiddenEleval;break; case someDisabledBtn:this.info.someDisabledBtnval;break; case overlay:this.info.overlayval} }},iniBuild:function(){ G(dialogCase)?G(dialogCase).parentNode.removeChild(G(dialogCase)):function(){}; var oDivdocument.createElement(span);oDiv.iddialogCase;document.body.appendChild(oDiv)},build:function(){ var baseZIndex10001this.info.overlay*10; var showZIndexbaseZIndex2;this.iframeIdNameifr_popupthis.info.overlay; //关闭按钮 //var pathhttp://img.baidu.com/hi/img/; //var closeinput typeimage iddialogBoxClose srcpathdialogclose.gif border0 width16 height16 alignabsmiddle title关闭/; var closea iddialogBoxClose title关闭 stylepadding:0;font-weight:bold;color:#888;background:#C6E3FF;cursor:pointer;font-size:14px;font-family:Airal;×/a; var cBfilter: alpha(opacitythis.info.coverOpacity);opacity:this.info.coverOpacity/100;; var coverdiv iddialogBoxBG styleposition:absolute;top:0px;left:0px;width:100%;height:100%;z-index:baseZIndex;cBbackground-color:this.color.cColor;display:none;/div; var mainBoxdiv iddialogBox styleborder:1px solid this.color.tColor;display:none;z-index:showZIndex;position:relative;width:this.config.widthpx;table width100% border0 cellpadding0 cellspacing0 bgcolorthis.color.bColor;if(this.config.isHaveTitle){mainBoxtr height24 bgcolorthis.color.tColortdtable style-moz-user-select:none;height:24px; width100% border0 cellpadding0 cellspacing0 trtd width6 height24/tdtd iddialogBoxTitle stylecolor:this.color.wColor;font-size:14px;font-weight:bold;this.info.titlenbsp;/tdtd iddialogClose width20 alignright valignmiddleclose/tdtd width6/td/tr/table/td/tr} else{mainBoxtr height10td alignrightclose/td/tr}; mainBoxtr styleheight:this.config.heightpx valigntoptd iddialogBody styleposition:relative;/td/tr/table/divdiv iddialogBoxShadow styledisplay:none;z-index:baseZIndex;/div; if(!this.config.isBackgroundCanClick){G(dialogCase).innerHTMLcovermainBox;G(dialogBoxBG).style.heightdocument.body.scrollHeight} else G(dialogCase).innerHTMLmainBox;Event.observe(G(dialogBoxClose),click,this.reset.bindAsEventListener(this),false); if(this.config.isSupportDraging){dropClassnew Dragdrop(this.config.width,this.config.height,this.info.shadowWidth,this.config.isSupportDraging,this.config.contentType);G(dialogBoxTitle).style.cursormove};this.lastBuild()}, lastBuild:function(){ var confirmdiv stylewidth:100%;height:100%;text-align:center;div stylemargin:20px 20px 0 20px;font-size:14px;line-height:16px;color:#000000;this.info.confirmCon/divdiv stylemargin:20px;input iddialogOk typebutton value 确定 /nbsp;input iddialogCancel typebutton value 取消 //div/div; var alertdiv stylewidth:100%;height:100%;text-align:center;div stylemargin:20px 20px 0 20px;font-size:14px;line-height:16px;color:#000000;this.info.alertCon/divdiv stylemargin:20px;input iddialogYES typebutton value 确定 //div/div; var baseZIndex10001this.info.overlay*10;var coverIfZIndexbaseZIndex4; if(this.config.contentType1){var openIframeiframe width100% styleheight:this.config.heightpx namethis.iframeIdName idthis.iframeIdName srcthis.info.contentUrl frameborder0 scrollingthis.config.scrollType/iframe; var coverIframediv idiframeBG styleposition:absolute;top:0px;left:0px;width:1px;height:1px;z-index:coverIfZIndex;filter: alpha(opacity00);opacity:0.00;background-color:#ffffff;div;G(dialogBody).innerHTMLopenIframecoverIframe} else if(this.config.contentType2){G(dialogBody).innerHTMLthis.info.contentHtml}else if(this.config.contentType3){G(dialogBody).innerHTMLconfirm;Event.observe(G(dialogOk),click,this.forCallback.bindAsEventListener(this),false); Event.observe(G(dialogCancel),click,this.close.bindAsEventListener(this),false)}else if(this.config.contentType4){G(dialogBody).innerHTMLalert;Event.observe(G(dialogYES),click,this.close.bindAsEventListener(this),false)} }, reBuild:function(){ G(dialogBody).heightG(dialogBody).clientHeight;this.lastBuild() }, show:function(){ this.hiddenSome();this.middle();if(this.config.isShowShadow)this.shadow() }, forCallback:function(){ return this.info.callBack(this.info.parameter) }, shadow:function(){ var oShadowG(dialogBoxShadow); var oDialogG(dialogBox); oShadow[style][position]absolute; oShadow[style][background]#000; oShadow[style][display]; oShadow[style][opacity]0.2; oShadow[style][filter]alpha(opacity20); oShadow[style][top]oDialog.offsetTopthis.info.shadowWidth; oShadow[style][left]oDialog.offsetLeftthis.info.shadowWidth; oShadow[style][width]oDialog.offsetWidth;oShadow[style][height]oDialog.offsetHeight}, middle:function(){if(!this.config.isBackgroundCanClick)G(dialogBoxBG).style.display; var oDialogG(dialogBox); oDialog[style][position]absolute; oDialog[style][display]; //取得页面的宽度和高度 var sClientWidthdocument.body.clientWidth; var sClientHeightdocument.body.clientHeight; var sScrollTopdocument.body.scrollTop; // var sleft(sClientWidth/2)-(oDialog.offsetWidth/2); var iTop-80(sClientHeight/2sScrollTop)-(oDialog.offsetHeight/2); var sTopiTop0?iTop:(sClientHeight/2sScrollTop)-(oDialog.offsetHeight/2); if(sTop1)sTop20;if(sleft1)sleft20; oDialog[style][left]sleftpx; //左侧位置 oDialog[style][top]sToppx //顶部位置 }, reset:function(){ if(this.config.isReloadOnClose){top.location.reload()};this.close() }, close:function(){ G(dialogBox).style.displaynone; if(!this.config.isBackgroundCanClick)G(dialogBoxBG).style.displaynone; if(this.config.isShowShadow)G(dialogBoxShadow).style.displaynone; G(dialogBody).innerHTML; this.showSome()}, hiddenSome:function(){var tagthis.info.someHiddenTag.split(,); if(tag.length1tag[0])tag.length0; for(var i0;itag.length;i){this.hiddenTag(tag[i])}; var idsthis.info.someHiddenEle.split(,); if(ids.length1ids[0])ids.length0; for(var i0;iids.length;i){this.hiddenEle(ids[i])}; var idsthis.info.someDisabledBtn.split(,); if(ids.length1ids[0])ids.length0; for(var i0;iids.length;i){this.disabledBtn(ids[i])}; space(begin)}, disabledBtn:function(id){ var eledocument.getElementById(id); if(typeof(ele)!undefinedele!nullele.disabledfalse){ele.disabledtrue;this.someToDisabled.push(ele)}}, hiddenTag:function(tagName){ var eledocument.getElementsByTagName(tagName); if(ele!null){for(var i0;iele.length;i){if(ele[i].style.display!noneele[i].style.visibility!hidden){ele[i].style.visibilityhidden;this.someToHidden.push(ele[i])}}}}, hiddenEle:function(id){var eledocument.getElementById(id);if(typeof(ele)!undefinedele!null){ele.style.visibilityhidden;this.someToHidden.push(ele)} }, showSome:function(){ for(var i0;ithis.someToHidden.length;i){this.someToHidden[i].style.visibilityvisible}; for(var i0;ithis.someToDisabled.length;i){this.someToDisabled[i].disabledfalse};space(end)} }; var Dragdropnew Class(); Dragdrop.prototype{ initialize:function(width,height,shadowWidth,showShadow,contentType){ this.dragDatanull; this.dragDataInnull; this.backDatanull; this.widthwidth; this.heightheight; this.shadowWidthshadowWidth; this.showShadowshowShadow; this.contentTypecontentType; this.IsDragingfalse; this.oObjG(dialogBox); Event.observe(G(dialogBoxTitle),mousedown,this.moveStart.bindAsEventListener(this),false) }, moveStart:function(event){ this.IsDragingtrue; if(this.contentType1){G(iframeBG).style.display;G(iframeBG).style.widththis.width;G(iframeBG).style.heightthis.height}; Event.observe(document,mousemove,this.mousemove.bindAsEventListener(this),false);Event.observe(document,mouseup,this.mouseup.bindAsEventListener(this),false); Event.observe(document,selectstart,this.returnFalse,false); this.dragData{x:Event.pointerX(event),y:Event.pointerY(event)}; this.backData{x:parseInt(this.oObj.style.left),y:parseInt(this.oObj.style.top)} }, mousemove:function(event){ if(!this.IsDraging)return; var iLeftEvent.pointerX(event)-this.dragData[x]parseInt(this.oObj.style.left); var iTopEvent.pointerY(event)-this.dragData[y]parseInt(this.oObj.style.top); if(this.dragData[y]parseInt(this.oObj.style.top))iTopiTop-12; else if(this.dragData[y]parseInt(this.oObj.style.top)25)iTopiTop12; this.oObj.style.leftiLeft; this.oObj.style.topiTop; if(this.showShadow){G(dialogBoxShadow).style.leftiLeftthis.shadowWidth;G(dialogBoxShadow).style.topiTopthis.shadowWidth}; this.dragData{ x:Event.pointerX(event), y:Event.pointerY(event)}; document.body.style.cursormove}, mouseup:function(event){ if(!this.IsDraging)return;if(this.contentType1) G(iframeBG).style.displaynone; document.οnmοusemοvenull; document.οnmοuseupnull; var mousXEvent.pointerX(event)-(document.documentElement.scrollLeft||document.body.scrollLeft); var mousYEvent.pointerY(event)-(document.documentElement.scrollTop||document.body.scrollTop); if(mousX1||mousY1||mousXdocument.body.clientWidth||mousYdocument.body.clientHeight){this.oObj.style.leftthis.backData[x]; this.oObj.style.topthis.backData[y]; if(this.showShadow){G(dialogBoxShadow).style.leftthis.backData.xthis.shadowWidth; G(dialogBoxShadow).style.topthis.backData.ythis.shadowWidth}}; this.IsDragingfalse; document.body.style.cursor; Event.stopObserving(document,selectstart,this.returnFalse,false)}, returnFalse:function(){return false} }; 转载自 http://blog.csdn.net/zhao19890429/article/details/7860284 转载于:https://my.oschina.net/itommy/blog/844277
