类似网易发邮件的层的实现(二)
来源:互联网 发布:阿里云cdn缓存 编辑:程序博客网 时间:2024/06/05 03:38
var isIE=window.ActiveXObject?true:false;
function rui_toggle(obj, tTag, cTag){ var hs=$$('#'+obj+' '+tTag); var uls=$$('#'+obj+' '+cTag); for (var i=0;i<hs.length;i++){ hs[i].id='sdl_'+i; hs[i].getElementsByTagName('A')[0].onfocus=function(){this.blur()} hs[i].onmouseover=function(){intFaq(obj, hs, uls, this.id)} } for (var i=0;i<uls.length;i++) uls[i].style.display='none'; uls[0].style.display=''; hs[0].className='actLink';}function intFaq(obj, newHs, newUls, id){ for (var i=0;i<newHs.length;i++) newHs[i].className=(id=='sdl_'+i)?'actLink':''; for (var i=0;i<newUls.length;i++) newUls[i].style.display=(id=='sdl_'+i)?'':'none';}
var imgUrl=new Array();var imgLink=new Array();var imgIntro=new Array();var imgFont=new Array();var imgDate=new Array();var adNum=-1;
function cNew(text,url,images,intro,indate){ var rno = imgUrl.length; imgUrl[rno] = images; imgLink[rno] = url; imgFont[rno] = text; imgIntro[rno] = intro; imgDate[rno] = indate; loadimg = new Image(); loadimg.src = images;}
function playTran(){ if (document.all) $("imgInit").filters.revealTrans.play();}
var key=0;
function nextAd(){ var aoArr=$("adNumList").getElementsByTagName("A"); if(adNum<imgUrl.length - 1)adNum++ ; else adNum=0; if( key==0 ){ key=1; } else if (document.all){ $("imgInit").filters.revealTrans.Transition=Math.floor(Math.random()*23); $("imgInit").filters.revealTrans.apply(); playTran(); } for(var i=0;i<aoArr.length;i++){ aoArr[i].className=""; if(i==adNum){ aoArr[i].className="actLink"; } } $("imgInit").src = imgUrl[adNum]; $("CirTitle").innerHTML=imgFont[adNum]; //$("CirIntro").innerHTML=imgIntro[adNum] + " ["+imgDate[adNum]+"]"; $("Cirurlimg").href=imgLink[adNum]; $("Cirurl").href=imgLink[adNum]; theTimer=setTimeout("nextAd()", 5000); $("imgInit").onerror=function(){this.src='images/skin01/loading.gif'} return imgUrl[adNum];}
function gogo(k) { var aoArr=$("adNumList").getElementsByTagName("A"); for(var i=0;i<aoArr.length;i++){ aoArr[i].className=""; } $("Cirurl"+k).className="actLink"; $("imgInit").src=imgUrl[k]; $("CirTitle").innerHTML=imgFont[k]; //$("CirIntro").innerHTML=imgIntro[k] + " ["+imgDate[k]+"]"; $("Cirurlimg").href=imgLink[k]; $("Cirurl").href=imgLink[k]; adNum=k;}
function goUrl(){ jumpUrl=imgLink[adNum]; jumpTarget="_blank"; if (jumpUrl !=""){ if (jumpTarget != "") window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; }}if(!isIE && window.Event){ window.constructor.prototype.__defineGetter__("event", function(){ var e, o=arguments.callee.caller; while(o != null){ e = o.arguments[0]; if(e && (e.constructor == Event || e.constructor == MouseEvent)) return e; o = o.caller; } return null; });}
function openMyPanel(){ var pObj, nDiv1, nDiv2, nUl, nLi, nLink, nText; with(window.parent){ if(!document.getElementById('myPanelOpt')){ pObj=document.getElementById('login'); nDiv1=document.createElement("div"); nDiv1.id='myPanelOpt'; nDiv2=document.createElement("div"); nDiv2.id='myPanelOptBg'; nUl=document.createElement("ul"); for(var i=0;i<mpOpt.length;i++){ nLi=[], nLink=[], nText=[]; nLi[i]=document.createElement("li"); nLink[i]=document.createElement("a"); nLink[i].href=mpOpt[i].url; nText[i]=document.createTextNode(mpOpt[i].title) nLink[i].appendChild(nText[i]); nLi[i].appendChild(nLink[i]); nUl.appendChild(nLi[i]); } nDiv1.appendChild(nDiv2); nDiv1.appendChild(nUl); pObj.appendChild(nDiv1); }else{ document.getElementById('myPanelOpt').style.display=(!document.getElementById('myPanelOpt').style.display)?'none':''; } document.documentElement.onclick=function(){ if(document.getElementById('myPanelOpt') && !document.getElementById('myPanelOpt').style.display)document.getElementById('myPanelOpt').style.display='none'; } } event.cancelBubble=true; document.body.onclick=function(){ window.parent.document.getElementById('myPanelOpt').style.display='none'; }}
//EditRate EditConfig-------------
//显示提示层function showhintinfo(obj, objleftoffset,objtopoffset, title, info , objheight, showtype ,objtopfirefoxoffset){ if(info==null || info=="")return; var p = getposition(obj); if((showtype==null)||(showtype =="")) { showtype =="up"; } document.getElementById('hintiframe'+showtype).style.height= objheight + "px"; document.getElementById('hintinfo'+showtype).innerHTML = info; document.getElementById('hintdiv'+showtype).style.display='block'; if(objtopfirefoxoffset != null && objtopfirefoxoffset !=0 && !isie()) { document.getElementById('hintdiv'+showtype).style.top=p['y']+parseInt(objtopfirefoxoffset)+"px"; } else { if(objtopoffset == 0) { if(showtype=="up") { document.getElementById('hintdiv'+showtype).style.top=p['y']-document.getElementById('hintinfo'+showtype).offsetHeight-40+"px"; } else { document.getElementById('hintdiv'+showtype).style.top=p['y']+obj.offsetHeight+5+"px"; } } else { document.getElementById('hintdiv'+showtype).style.top=p['y']+objtopoffset+"px"; } } document.getElementById('hintdiv'+showtype).style.left=p['x']+objleftoffset+"px";}
//隐藏提示层function hidehintinfo(){ document.getElementById('hintdivup').style.display='none'; document.getElementById('hintdivdown').style.display='none';}
function getposition(obj){ var r = new Array(); r['x'] = obj.offsetLeft; r['y'] = obj.offsetTop; while(obj = obj.offsetParent) { r['x'] += obj.offsetLeft; r['y'] += obj.offsetTop; } return r;}
function isie(){ if(navigator.userAgent.toLowerCase().indexOf('msie') != -1) { return true; } else { return false; }}
function GetValue(UpgradeEXP,Unit,Level){ var RetValue = ""; //alert(UpgradeEXP); //alert(Unit); //alert(Level); switch(Unit.toLowerCase()) { case "seconds": RetValue = (parseInt(UpgradeEXP)/parseInt(Level)); break; case "minutes": RetValue = (parseInt(UpgradeEXP)/parseInt(Level))/60; break; case "hours": RetValue = (parseInt(UpgradeEXP)/parseInt(Level))/3600; break; case "days": RetValue = (parseInt(UpgradeEXP)/parseInt(Level))/3600/24; break; } //alert(RetValue); return RetValue;}
function SetValue(TimeValue,Unit,Level){ var UpgradeEXP = ""; switch(Unit.toLowerCase()) { case "seconds": UpgradeEXP = (parseInt(TimeValue)*parseInt(Level)); break; case "minutes": UpgradeEXP = (parseInt(TimeValue)*60)*parseInt(Level); break; case "hours": UpgradeEXP = (parseInt(TimeValue)*3600)*parseInt(Level); break; case "days": UpgradeEXP = (parseInt(TimeValue)*3600*24)*parseInt(Level); break; } return UpgradeEXP;}
//EditRate-------------
//通用的提交提示层
function CreateDivElement(MsgTitle,MsgBody,FormSubmitCallBack,IsShowBtn,IsDisplayCloseImg) { var divID = "_____floater";//避免重名 // 如果div在页面中不存在,创建一个新的div if (!document.getElementById(divID)) { var newNode = document.createElement("div"); newNode.setAttribute("id", divID); document.body.appendChild(newNode); } var BackGroudGlobalDiv = document.getElementById(divID); BackGroudGlobalDiv.style.cssText = "z-index:100; display:none;position:absolute;top:0;left:0;background-color:gray;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);"; var CenterDivID = "_____Centerfloater";//避免重名 // 如果div在页面中不存在,创建一个新的div if (!document.getElementById(CenterDivID)) { var CenterNewNode = document.createElement("div"); CenterNewNode .setAttribute("id", CenterDivID); document.body.appendChild(CenterNewNode); } var CenterGlobalDiv = document.getElementById(CenterDivID); CenterGlobalDiv.style.cssText = "display:none; z-index:101; position:absolute; left:20%; top:40%; "; var HtmlStr = ""; HtmlStr +="<div id=/"___CenterDiv1/" style=/"width:380px;height:56px;background-color: #FFFFFF;border:solid #000000 1px;font-size:14px;/">" HtmlStr +="<div id=/"___CenterDiv2/" style=/"height:26px;background:#f1f1f1;line-height:26px;padding-left:10px;font-weight:bolder;/">" if(IsDisplayCloseImg) { HtmlStr +="<a onclick=/"HiddenFloatDiv();/" href=/"javascript:void(0);/"><img style=/"float:right;padding:10px 10px 0px 0px;/" border=/"0/" src=/"../images/close.gif/" //><//a>" } HtmlStr += MsgTitle+"<//div>" HtmlStr +="<div id=/"___CenterDiv3/" style=/"height:70px;line-height:150%;padding:0px 3px 0px 3px;/" align=/"center/">" HtmlStr +="<BR //>" HtmlStr += MsgBody HtmlStr += "<BR //>" if(IsShowBtn) { HtmlStr += "<input type=submit id=imb_Ok name=imb_Ok value=/" 确定 /" style=/"font:12px;height:20px;/" onclick=/"SetModalResult(1)/" shortKey=/"T/"> <input type=button id=imb_Cancel name=imb_Cancel value=/" 取消 /" style=/"height:20px;font:12px/" onclick=/"SetModalResult(0)/" shortKey=/"C/">" } HtmlStr += "<BR //>" HtmlStr += "<BR //>" HtmlStr +="<//div>" HtmlStr +="<//div>"; CenterGlobalDiv.innerHTML = HtmlStr; } var DialogCallBackFunc = null; function disabledocument(MsgTitle,MsgBody,FormSubmitCallBack) { DialogCallBackFunc = FormSubmitCallBack; CreateDivElement(MsgTitle,MsgBody,FormSubmitCallBack,true,false); document.all._____floater.style.display=(_____floater.style.display!="none")?"none":""; _____floater.style.width = document.documentElement.clientWidth + document.documentElement.scrollLeft; _____floater.style.height= document.documentElement.clientHeight + document.documentElement.scrollTop; SetDivCenter(); document.getElementById("imb_Cancel").focus(); } function SetDivCenter() { document.getElementById("_____Centerfloater").style.left = ((parseInt(document.documentElement.clientWidth)+parseInt(document.documentElement.scrollLeft))-380)/2; document.getElementById("_____Centerfloater").style.top = ( (parseInt(document.documentElement.clientHeight)+parseInt(document.documentElement.scrollTop))-56)/2; document.getElementById("_____Centerfloater").style.display = ""; HideOverSels('_____Centerfloater'); } function HiddenFloatDiv() { document.all._____floater.style.display=(_____floater.style.display!="none")?"none":""; document.all._____Centerfloater.style.display=(_____Centerfloater.style.display!="none")?"none":""; }
function SetModalResult(value) { HiddenFloatDiv(); //alert(DialogCallBackFunc); //alert(value); if (DialogCallBackFunc!=null && DialogCallBackFunc!="") eval(DialogCallBackFunc.replace("$",value)); } //用于操作提示 function ShowModalDiv(MsgTitle,MsgBody,FormSubmitCallBack,IsDisplayCloseImg) { DialogCallBackFunc = FormSubmitCallBack; CreateDivElement(MsgTitle,MsgBody,FormSubmitCallBack,false,IsDisplayCloseImg); document.all._____floater.style.display=(_____floater.style.display!="none")?"none":""; _____floater.style.width=document.documentElement.clientWidth + document.documentElement.scrollWidth; _____floater.style.height=document.documentElement.clientHeight + document.documentElement.scrollHeight; SetDivCenter(); } //隐藏指定元素位置下方的"下拉列表框",该函数主题解决ie6以前(包括ie6)的下拉列表框遮挡显示层的问题function HideOverSels(objID){ var sels = document.getElementsByTagName('select'); for (var i = 0; i < sels.length; i++) { if (Obj1OverObj2(document.getElementById(objID), sels[i])) { sels[i].style.visibility = 'hidden'; } else { sels[i].style.visibility = 'visible'; } }}
function getLeftPosition(Obj) { try { for (var sumLeft=0;Obj!=document.body;sumLeft+=Obj.offsetLeft,Obj=Obj.offsetParent); return sumLeft; } catch(e) {}}
function getTopPosition(Obj) { try { for (var sumTop=0;Obj!=document.body;sumTop+=Obj.offsetTop,Obj=Obj.offsetParent); return sumTop; } catch(e) {}}
//判断obj1是否遮挡了obj2function Obj1OverObj2(obj1, obj2){ var result = true; var obj1Left = getLeftPosition(obj1) - document.body.scrollLeft; var obj1Top = getTopPosition(obj1) - document.body.scrollTop; var obj1Right = obj1Left + obj1.offsetWidth; var obj1Bottom = obj1Top + obj1.offsetHeight; var obj2Left = getLeftPosition(obj2) - document.body.scrollLeft; var obj2Top = getTopPosition(obj2) - document.body.scrollTop; var obj2Right = obj2Left + obj2.offsetWidth; var obj2Bottom = obj2Top + obj2.offsetHeight;
if (obj1Right <= obj2Left || obj1Bottom <= obj2Top || obj1Left >= obj2Right || obj1Top >= obj2Bottom) { result = false; } return result; }
//通用的提交提示层
function toggle_collapse(objname) { var obj = document.getElementById(objname); obj.style.display = obj.style.display == '' ? 'none' : ''; var img = document.getElementById(objname + '_toggle_img'); img.src = img.src.indexOf('_yes.gif') == -1 ? img.src.replace(/_no/.gif/, '_yes/.gif') : img.src.replace(/_yes/.gif/, '_no/.gif')}
function $() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; try { if (typeof element == 'string') { element = document.getElementById(element) || document.all(element) || document.forms(0).all(element); } } catch(ex) { element = null; }
if (arguments.length == 1) { return element; } elements.push(element); } return elements;}
//执行暂停函数
function Pause(obj,iMinSecond){ if (window.eventList==null) window.eventList=new Array(); var ind=-1; for (var i=0;i<window.eventList.length;i++){ if (window.eventList[i]==null) { window.eventList[i]=obj; ind=i; break; } } if (ind==-1){ ind=window.eventList.length; window.eventList[ind]=obj; } setTimeout("GoOn(" + ind + ")",iMinSecond);}/*该函数把要暂停的函数放到数组window.eventList里,同时通过setTimeout来调用继续函数。
继续函数如下:*/
function GoOn(ind){ var obj=window.eventList[ind]; window.eventList[ind]=null; if (obj.NextStep) obj.NextStep(); else obj();}/*该函数调用被暂停的函数的NextStep方法,如果没有这个方法则重新调用该函数。
函数编写完毕,我们可以作如下测试:*///function Test(){// alert("hellow");// Pause(this,5000);//调用暂停函数// this.NextStep=function(){// alert("NextStep");// }//}//Test();
如果在网页还没有加载的时候调用,那么会报错.
- 类似网易发邮件的层的实现(二)
- 类似网易发邮件的div的实现(一)
- 类似网易发邮件的提示框的排版
- 发邮件的实现
- C++实现自动发邮件代码,这个是用网易邮箱的。
- java发邮件的实现
- Viewpager实现类似网易新闻的效果
- javamail实现简单的发邮件
- 调用系统发邮件的实现
- java实现发邮件的代码
- ios 系统发邮件、短信的实现
- 实现邮箱发邮件的功能
- 实现类似网易邮箱的顶部工具栏的悬停效果
- 实现类似网易邮箱的标签页功能
- 发邮件的写法
- 发邮件的方法
- 简单的发邮件
- 发邮件的功能
- 时间管理101招
- 类似网易发邮件的提示框的排版
- 放假了!!!
- 类似网易发邮件的div的实现(一)
- 病毒是如何命名的?
- 类似网易发邮件的层的实现(二)
- 2008-7-3 Visual Studio 2005 C# 转意符/ 项目用了全角字符的问题.
- 我离职了,我解放了,我升值了。
- 变了
- 那些逝去的那些未曾逝去的
- 我打算做一个聊天系统
- 2008-07-03 日志:遭遇VS2008的Bug
- 安装visual studio 2005 SQL SERVER碰到性能计数器的解决办法。
- ORACLE备份