办公自动化系统论文doc

PAGE第5页共59页PAGE0毕业论文作者：学号:系（院）：专业:题目:指导者:评阅者:年月日连云港摘要互联网的出现与迅速发展，信息技术步伐的加快，使得企业面临着众多的挑战与竞争，在竞争过程中,对于一个集团企业而言，对信息的掌握程度、信息获取是否及时、信息能否得到充分的利用、对信息的反应是否敏感准确，也越来越成为衡量一个企业市场竞争能力的重要因素。随着中国加入ＷＴＯ,各行各业都在努力提高自身的竞争力，电信的重组、企业信息化管理进程的加快都在说明一个趋势：传统以红头文件为主的、强调公文处理的办公自动化将从主导地位逐渐减弱，以强调信息服务、知识管理为主的企业信息服务系统将逐渐代替原有的办公自动化。商场如战场,新一代的战争是信息化战争，如何通过互联网这一利器,使企业信息化建设完善起来？这就需要一种高效,稳定的办公自动化系统!该系统应具有：公文流转、文档管理、财务数据统计与分析、信息发布、人力资源管理、邮件等功能为一身的办公自动化系统。我们开发的这套办公自动化在线系统就可以很好的实现以上所说的功能.下面,将是我们对本系统的具体阐述！本系统是一个企业办公自动化系统，它简单易操作,第一次使用的用户只需申请一个本人的帐户，就可以方便的使用本系统了。系统的用户分为3类,第一类为普通用户，第二类为管理员,第三类为超级用户。1通过Web添加文件。操作用户：普通管理员2对已经添加文件修改或删除,请点左边相关连接进行操作。操作用户:超级用户，普通管理员3对栏目进行添加修改删除，请点左边相关连接进行操作.

操作用户：超级用户关键词：数据库,ASＰ代码ﻬ目录TOC＼o"1-3"\ｈ＼z\uHYＰＥRLIＮKｍaｒgiｎｗidｔｈ＝"0"maｒginｈｅｉgｈｔ=＂0＂scｒｏll＝nｏonLoａd＝"ＭM_ｐｒelｏａｄIｍages（'imageｓ／ｂｂ2.gif'，＇imａgｅs/ｐs2。ｇiｆ’);MＭ_oｐenBrWｉndｏｗ（＇ｈｔtｐ：//ｗww。baiｄou．com＇，＇＇,'＇)＂＞<ｄivid=”Laｙer1”sｔyｌe＝"posｉｔion：abｓｏlｕtｅ；lｅfｔ：１３pｘ；ｔop：１2px；widtｈ:171pｘ;heiｇhｔ：3４px;z—inｄex：7"〉〈divｉd＝"Layer4＂sｔyle="posiｔiｏｎ:absolｕte；ｌeft:5４ｐx;top：81px;ｗidｔｈ：83px;heighｔ：234ｐｘ；ｚ—iｎｄex:1”>〈iｍgsrc=＂iｎｄexiｍａgｅ/ｂluｅstar2.ｇif"wiｄtｈ="223＂heiｇｈt=＂317"＞〈/div〉＜dｉvｉd="Layer6”ｓｔyｌｅ＝＂ｐｏｓiｔioｎ：ａbｓｏlutｅ；width：200px;hｅｉｇht：１1５ｐｘ；z-ｉnｄeｘ：３;lｅft:２76pｘ；ｔop：6４px"><ｉmgsrc="ｉｎdeximagｅ/１。gｉｆ＂ｗiｄth=”429＂heｉght=”１１0”>〈／div〉〈dｉｖid="Layeｒ5"style=”ｐosｉtiｏｎ:abｓolｕｔｅ;ｗｉdth：２０0px；hｅｉght:１15pｘ;z－inｄex：５;lｅft:１56px;ｔop：17１px＂〉<ｉmｇsrc＝”iｎｄeximagｅ/ｙａjin１．giｆ＂ｗiｄth=＂２１２"height="1５0”〉＜／div〉<dｉvid=＂Layer3"styｌe="pｏｓｉtｉon：absｏluｔe；widtｈ:１０0pｘ;ｈｅight:4１pｘ;z－index：６;ｌｅft：392px；tｏｐ:321ｐｘ"ｃlａss＝"inpｕt”＞<p><fontcoｌor=＂#ＣC３３0０">如果你忘记密码的话，请从〈ａhrｅｆ＝＂＃"onＣliｃk＝"MM_opｅnBrWｉndｏw(＇forgetpａsｓ.asｐ','’，＇wｉｄｔｈ＝500，ｈeｉｇｈｔ＝28０＇）"〉这里<／a〉找回你的密码！〈/ｆｏnｔ>〈/ｐ〉〈／div><ｄivid="Layer7”style="posｉｔｉon：abｓoluｔｅ；widｔｈ：375px；height：２26pｘ;ｚ—indeｘ：4;left：337ｐx;toｐ:２０4ｐｘ”>＜imgsrｃ＝"ｉndexｉmage/２．ｇif"wｉdth＝"３5０"heiｇhｔ="182＂〉</div〉〈dｉvｉｄ=＂Lａyer２"style=＂ｐoｓitｉon：absｏｌutｅ;widｔh：210pｘ;heigｈt:1１3px；z－inｄeｘ：５;ovｅrflow:visｉｂｌｅ;lｅfｔ:5１３ｐｘ；top：223ｐx”〉〈forｍｎａme=”ｆoｒm１"mｅthoｄ＝"poｓt"actioｎ=”ｃheｃklｏgin．ａｓp”〉<tabｌewidth=＂８3％＂border=＂0”celｌｓpacing＝"0”celｌpadding=”０＂hｅight="71”＞＜ｔｒ>＜tdalｉｇn="ｌｅｆt”ｖaｌiｇn＝”ｍiddｌe＂heigｈt=＂３3＂widｔh=”4８%＂><iｎputtype=”teｘｔ＂nａｍe＝”useｒnａme＂class=”iｎput”＞</ｔd＞〈tdａｌｉgn="ceｎtｅr”ｖaliｇn＝"midｄle"hｅight=＂33"wｉｄｔｈ=＂52%＂＞＜ａhref="＃＂onMousｅOut="MM_swaｐＩmgRestoｒｅ(）"onMoｕｓｅOｖｅｒ="ＭM_ｓwapImａgｅ（＇login＇，’＇,'indｅximagｅ/５。gif'，1)"〉<ｉnｐutｔypｅ=ｉmａgenaｍｅ＝”ｌogin"ｂｏrｄer＝”0＂ｓｒc＝"indｅxｉｍａge／ｄl．gif"widtｈ=＂4８”ｈeight＝”27＂〉<／a＞<／ｔd〉</ｔr＞<tｒ>＜ｔｄaｌign=＂leｆt”vaｌiｇn="mｉｄdｌｅ”heighｔ＝＂２2”ｗidth="48%”><inputtype=＂ｐaｓｓworｄ＂naｍｅ＝”pasｓｗｏｒd”ｃｌasｓ＝”inpuｔ”〉〈／ｔd><ｔｄalｉgn=”lｅfｔ＂ｖａｌｉgn＝＂bｏｔtoｍ"ｈeigｈｔ＝＂22”wｉdtｈ＝"52%”〉〈ｄiｖaｌiｇｎ="cenｔeｒ＂〉〈ahref=＂#＂onMouｓeOｕt="ＭM_swａｐImｇＲesｔｏｒe（）"oｎMouｓeＯvｅr＝＂MM_ｓwaｐＩmagｅ(＇pasｓ＇，＇'，'iｎｄeximagｅ／ｓq．gif',1）＂onClicｋ＝＂ＭＭ＿ｏｐenBｒＷindow（＇ｒｅｇisｔeｒ。asｐ＇，'＇,＇wiｄｔh＝500,heigｈt=400’)”〉〈imｇｎaｍe=＂pａsｓ＂bｏrｄeｒ=”0”ｓｒc=＂indexｉｍａgｅ／sq．gif”ｗidth=＂48”heiｇht＝＂２7＂></a＞</diｖ＞＜／td＞＜/tr></tablｅ><ｐ＞＜ahref＝”htｐ：／/www.ｂａiｄｏu.cｏｍ＂〉ｈtp:/／www。baiｄoｕ.ｃoｍ</a＞〈/ｐ＞<ｐ〉＆nbsｐ;＜／p〉<／form〉〈/ｄiv>〈/diｖ＞<ｔａblｅwiｄth=”１００%"ｂordｅr＝”０”ｃelｌｓpacｉnｇ＝”０"ｃelｌpadｄiｎg=”0＂heiｇhｔ＝"10０％”align＝"cｅntｅr"〉〈tr〉<tｄaliｇn=”lｅft”valign="middlｅ”ｈeigｈｔ="56５”bgcｏloｒ＝＂＃３3６６99”〉 ；＜／ｔd＞〈/tr〉＜／ｔabｌe><／ｂｏｄy><／htmｌ>主页＜html〉〈hｅad><tｉtｌe＞baidｏu．cｏm企业网络办公系统＜/title＞〈mｅtahttｐ—eｑuiｖ=”Cｏntent-Ｔｙpe"cｏntｅnt="ｔext/ｈｔml;chaｒsｅt=gｂ2312”〉〈ｓcｒiｐｔlａnguａge="JａvaSｃripｔ"＞＜！-—〈!－－ｆunｃtiｏｎMM_rｅlｏadPage（ｉｎｉｔ){／/ｒelｏａｄｓthewindoｗifNav4resｉzeｄiｆ(iniｔ=＝ｔrｕｅ）ｗith(navigator）{if(（appNaｍe＝=”Ｎetscａｐe＂)＆＆（ｐarseIｎt（apｐVersｉｏｎ）=＝4）){dｏcuｍeｎt。ＭM_pgW=ｉnｎeｒＷiｄtｈ；doｃumｅｎt．ＭM＿pｇH＝innerＨｅiｇht；onresｉzｅ=ＭM＿ｒeloadPage;}｝eｌsｅif(inｎｅrWｉdtｈ!=ｄocuｍｅnｔ。MM_pgW｜｜innerHｅighｔ!=doｃｕmeｎt.ＭM_pgＨ)location.ｒeload();}MM＿relｏadPａgｅ(trｕｅ)；／/—-〉ｆunctioｎMM_sｗapIｍgRestｏｒe（){／/ｖ３。0vａrｉ，ｘ,a=doｃumenｔ.ＭM_ｓr;ｆoｒ（i=０;a＆&i〈a。ｌｅngtｈ&＆（ｘ=ａ［ｉ])＆＆x．ｏＳｒｃ;i＋+)x.ｓrc=x。ｏＳrc;}//－-〉</scｒiｐｔ＞〈scriｐtｌanguａgｅ="JavａSｃｒipｔ”＞<!-－ｆunctioｎMM＿openBｒWinｄｏｗ(thｅUＲL，winName，ｆeatuｒes）{／/v2.0window。ｏｐen（ｔｈｅURL，winName,ｆｅatures)；｝ｆuｎctioｎMＭ_prｅloａｄＩｍaｇes（)｛//v３。0ｖard＝ｄocｕmeｎｔ;ｉf（ｄ.iｍages）｛ｉf(！ｄ。MM＿p）d.MＭ_p=ｎeｗArray（）;vari,ｊ=d.MM＿ｐ.lｅnｇth,a=ＭM＿pｒeloａdImagｅｓ。arｇｕｍｅｎts；for（ｉ＝0;i〈ａ.leｎｇth;ｉ++）ｉf（a［i].iｎdｅxOｆ(＂#”)！＝0)｛ｄ。ＭM_p[j］=newImａｇｅ;ｄ.MＭ_p［j++]．src＝a[i]；}｝｝funｃtｉｏnＭM_fiｎdObj(ｎ,d）{／/v4．0vaｒp,ｉ，x;if（！d）d=documｅnt;iｆ(（p=n．indexOf(”？"）)〉０＆&paｒent．frames.leｎgtｈ）{ｄ=ｐaｒent。ｆrames[n．substrinｇ（ｐ＋1）］．dｏｃuｍeｎｔ；n＝n。suｂstring（０,ｐ）；}if(！（x=d[ｎ］）＆＆d。alｌ）ｘ=ｄ．ａll［n］;fｏｒ(ｉ=0;！ｘ＆&ｉ〈d.foｒms.ｌeｎgtｈ;ｉ++)x=d。fｏrms［ｉ］［ｎ]；for（ｉ=0；!x＆&ｄ。layｅrs＆＆i＜ｄ.layｅｒs．ｌｅｎgｔh；i+＋)x＝MＭ＿fiｎdＯbｊ(n，d.ｌaｙeｒs［ｉ］。ｄｏcument);iｆ(！x&＆docｕｍeｎt．ｇｅtElemeｎtById）x=docｕment．geｔＥlemｅntBｙId（n）；returnx;｝fｕｎｃｔｉｏnMＭ_sｗapＩmage（）｛／/ｖ3。0vaｒｉ,ｊ=0,x,ａ=MM_swapImaｇe。arｇｕments；ｄocumeｎt.ＭＭ_sr=ｎewArｒaｙ；fｏｒ（i=０；i<(a。ｌenｇｔh－2）;ｉ+＝3）if（（ｘ=MＭ＿findOｂj（ａ［ｉ］）)!＝nｕｌｌ)｛ｄocument．ＭM_sｒ［ｊ+＋]=x;ｉf（！x．oSrc)x。oSrc=ｘ．ｓrc；ｘ．ｓrc=ａ［ｉ+2]；}｝／／－－><／sｃｒipｔ〉〈linkｒel="ｓtｙｌeｓheｅt"hrｅｆ="imａｇeｓ/inpｕt。css”ｔyｐｅ=＂ｔeｘｔ/css”>＜/ｈｅad〉<bodyｂgcoｌoｒ="#０066CC"ｔeｘt=＂＃0００0０0"leftmａrｇｉｎ="0"tｏpmａrgｉn=＂０＂marginwｉdtｈ="０"marginheigｈt=”0＂sｃroｌl＝ｎoｏｎLoaｄ=”MＭ_ｐrelｏaｄＩmａges（’imagｅs/bb2。giｆ',’ｉmａｇes／ps2.gｉf')；MM＿openＢrＷｉndoｗ('hｔｔｐ:／/www。bａｉ＇，＇’，＇＇)”＞〈ｄiｖid=＂Laｙｅr１”stｙle="posｉtion：ａbsolute；ｌeft:13ｐx；toｐ:12px；wｉdth：1７1ｐｘ；hｅiｇht:34px；ｚ—ｉndex:７"〉〈diｖid="Ｌaｙer4”ｓｔyle=”poｓｉｔiｏｎ:aｂsｏｌｕte;leｆt:５4px；top：８1pｘ；ｗidｔｈ：83px;heｉgｈt:２3４px;ｚ-ｉｎdｅx:1”〉<ｉmｇｓｒｃ="inｄｅｘimage/ｂlueｓｔar2。ｇiｆ＂widtｈ=＂２23”heigｈt=”３1７">〈／div〉〈ｄｉviｄ="Laｙｅr６"sｔylｅ=”poｓition:abｓoluｔｅ；wｉdth：2０0px;heiｇhｔ:１15ｐｘ；z－ｉｎｄeｘ:3；leｆt:２７6ｐx；toｐ:6４ｐｘ">〈imgｓrc=＂inｄeximagｅ/１．ｇif"ｗiｄtｈ="4２9"height＝”１1０”>＜／diｖ＞＜ｄｉｖid=＂Lａyeｒ5"ｓtｙle＝＂posiｔion:ａｂsoluｔe；width:200px;ｈｅigｈt：11５ｐx；ｚ—iｎｄex:5；left：156px；top:171px"〉<iｍｇsrc="ｉnｄexiｍage／ｙaｊｉn１。ｇif”widｔｈ＝”２1２"ｈｅiｇｈt="1５0"＞〈/dｉv〉＜divid＝＂Lａｙer3”stｙle=”posｉtiｏｎ：aｂsolute；ｗiｄth：100px；heiｇｈt：41px；z－index:6；leｆt：39２px；toｐ:３21px"clａｓs＝”input"＞〈p＞<fontｃｏlor="＃CＣ330０”＞如果你忘记密码的话，请从〈aｈｒef＝"＃”oｎClｉck＝”MM_ｏpeｎＢrWindow(＇ｆorｇetpasｓ。aｓp＇,'＇,＇wｉdth=500,hｅigｈt＝２8０’）”＞这里</a＞找回你的密码!<／ｆｏnt〉<／p＞〈/diｖ＞<diｖid＝”Ｌayｅr７”ｓｔyle="ｐosiｔiｏn:aｂsolutｅ；ｗiｄth：3７５px；heighｔ：２2６ｐx;z－ｉndex：4;ｌｅfｔ：３37px；ｔｏp：204pｘ"〉＜ｉmgsrc＝＂ｉnｄeｘiｍａge／2。gif”width="35０”hｅｉgｈｔ=”１82＂＞<／ｄiv><divid=”Layer2”sｔyｌe="pｏｓitｉｏｎ:ａbsｏlute;wiｄｔh：210px；height：1１3pｘ;z-index：５;oｖeｒflow:visibｌe;ｌｅｆt：51３px；ｔｏｐ:２２３pｘ＂>＜ｆ＝"ｆｏｒｍ1＂ｍeｔhod＝"poｓｔ”aｃtioｎ="checkloｇin。asｐ"〉<tablｅwｉdth="８3％"bｏrder="０＂cellspacｉng=”０"cｅlｌpaｄdｉng=”0"heｉghｔ="71"＞〈ｔr＞<tdaｌｉｇn＝＂lｅft"vａlign＝"mｉdｄle”heigｈt＝"３３＂widｔh=＂48％"〉〈inputｔyｐｅ＝＂ｔexｔ＂name=”username"clａss＝”inpuｔ＂>＜/td><tdａｌiｇn="cｅｎｔｅr＂vａlｉgｎ=＂middｌｅ"heiｇｈt=＂３３＂wiｄth=＂52％"＞<ahref=”＃”ｏｎMousｅＯuｔ=＂MＭ_swaｐＩmgＲesｔore（)”oｎMouｓｅOvｅr＝"MＭ_ｓwａｐImａgｅ（'loｇin’，＇'，＇inｄｅximａge／5．gｉf＇，1)"〉<inｐuttype=iｍａgｅname=”logiｎ"ｂordeｒ="０＂sｒc＝”ｉｎdeximａｇｅ／dｌ.gｉｆ"widtｈ=＂４８”heiｇｈt="２7"〉</a〉＜／ｔd〉＜/tｒ＞<tr〉＜tdａligｎ=”lefｔ”ｖaｌigｎ=”mｉdｄle”ｈeight＝＂2２＂wiｄｔh=”４8％”〉＜inpｕｔtypｅ=＂pａｓｓword"ｎamｅ=＂paｓsworｄ”clａsｓ="inｐｕｔ”＞〈/td＞〈ｔdａligｎ＝"left”vａｌign=＂bottoｍ”height＝＂２2”width="５2％＂〉<dｉvａｌiｇn＝"centeｒ＂>〈aｈrｅf＝”#”oｎMouｓｅＯuｔ=”MM＿ｓwapImgRestｏrｅ（)”ｏｎＭｏusｅOver=＂MM＿sｗａpImaｇｅ（'pass'，＇＇，’iｎdeximａgｅ/sq．gif',１）＂ｏnCliｃk＝”MM＿openBｒWindow（'ｒegｉstｅr.asp’，’＇,'ｗiｄth=5０0，ｈeigｈt=400')＂〉<imgnａmｅ＝＂ｐass"ｂordｅr="０＂src＝＂ｉｎdeｘiｍage/sｑ.giｆ"ｗiｄth＝”48＂hｅigｈｔ=”2７"＞〈/ａ〉〈/div＞</tｄ><／tr〉</taｂlｅ〉<p〉〈ahref="htｐ:／/ｗww．ｂaidou.cｏm”〉htｐ：／／ｗww．baidou.coｍ〈/a>〈／p>＜p>＆nbｓp;〈/ｐ〉＜/fｏrm＞＜/dｉｖ>＜/ｄｉv〉<tａｂlewidtｈ="１00％”border＝”0"ｃelｌsｐaｃｉｎg＝”０"celｌpaddinｇ＝”0"ｈeｉght=”１００％"align=＂cｅｎtｅｒ”〉＜tr><tdaｌign=”ｌeｆt＂ｖaｌign＝”ｍiddlｅ＂ｈeｉght＝"５65”bｇcoｌoｒ＝"＃33６699"> ；＜/td〉＜/ｔr＞＜/taｂlｅ>〈／bodｙ＞</ｈｔｍl＞系统管理〈！-—＃iｎｃludefilｅ＝”ｃheck．aｓｐ＂——＞〈hｔml＞<ｈeａd〉＜ｍｅtaｃｏntｅnt=＂teｘｔ／htmｌ；cｈａｒset＝gｂ２３12＂ｈtｔp—equiｖ=Conｔent—Ｔype〉〈sｃriptｌanguａge=JavａScript〉functiｏｎOｐenWiｎｄows（url）{vａｒｎewwin＝ｗindｏw．oｐeｎ（url,"_blaｎｋ"，＂tｏｏｌbａr=nｏ，lｏｃａtiｏn=ｎo,ｄirｅctｏrｉｅｓ=ｎo，ｓtatus=no，menuｂar=no，ｓｃrollｂaｒs=yeｓ，rｅsｉｚable=yｅs，top=50,lｅｆｔ＝1２０，ｗｉｄｔｈ=２50，heｉghｔ=１２0”);returｎｆaｌse;｝funｃｔionＤyｎLayｅr（ｉd,nｅｓtreｆ，frａｍe）｛ｉf（！ＤｙｎLａyｅｒ．seｔ&＆！fｒamｅ)DyｎLaｙerInｉt（）ｔｈiｓ.fｒame=frame｜｜sｅlfif(is.ns）｛if(ｉs.nｓ4）{if(!frame）｛if（！nestreｆ）varnestｒｅf=DｙｎＬayｅr。nestＲｅｆArrａy［ｉｄ］if（！ＤynLayerＴｅst（id,nesｔrｅf)）retｕrｎthｉｓ.css＝（nestref)？ｅｖal("dｏｃumeｎｔ."+nesｔreｆ+"．dｏcument．＂+id)：documenｔ。layｅrｓ［iｄ］｝elsethis．ｃss=(ｎｅｓtreｆ)？ｅvａl（＂fraｍe。ｄｏcuｍent.”＋nestrｅｆ+”.dｏｃumenｔ。＂+iｄ）:fｒame．dｏｃｕmenｔ.ｌayeｒs［ｉd]thｉｓ.ｅlｍ＝this.event＝ｔhis.cssｔhiｓ。doc=ｔhis。ｃss．ｄoｃument}iｆ（iｓ．ｎs5）｛thｉs。elm=ｄocument。ｇetElｅmentBｙId（id）ｔｈis.csｓ=ｔｈis．elｍ．styｌetｈis。doｃ=documeｎｔ}thiｓ．ｘ=ｔhｉs．css．leｆttｈis．y=thiｓ。css.toｐthis.w=ｔhｉs．css.clｉp。ｗidththｉs。h=this。ｃss。clｉp.height｝ｅlseiｆ(ｉs．iｅ）｛this．ｅｌm=ｔhｉs．evｅnt＝thｉs．ｆrame.docｕmｅnt。ａll［iｄ］thｉs.cｓs=tｈis。ｆrame。ｄoｃumenｔ.ａlｌ［id]．sｔyｌetｈis．doc=doｃumentthis.x=ｔhiｓ.elｍ。ｏffsｅｔLｅｆttｈiｓ．ｙ=ｔhｉｓ．elｍ。ofｆseｔTｏptｈis.w=（is.ｉe4)?thｉs．ｃsｓ．piｘelWiｄth:tｈｉs。ｅｌm.offｓetWｉdthtｈｉｓ．ｈ=（ｉｓ．iｅ4）？this。ｃss.ｐｉxelHeｉght：ｔhｉs。eｌm．oｆfsｅｔHeigｈt｝this．iｄ=idｔhis.nesｔrｅf＝neｓｔrefthis．ｏbj＝id+"ＤyｎＬａyer”eｖａl（tｈｉｓ．obｊ＋”＝this”）}funcｔiｏnDyｎLayerSetＷidth（w){this．css.ｗidth=w〉０？w：０+"px＂｝fuｎｃtionDｙnLaｙerSetHeight（ｈ）｛thiｓ。css.hｅｉｇｈt=h＞0？h:０+"ｐｘ”｝fｕnctionＤｙnLaｙerMoｖeTo(x，ｙ）{if（x！=null）{thｉs.ｘ=xiｆ(is．ns)ｔhis．csｓ.leｆt=ｔhｉs.xｅlsｅｔhｉs．cｓs。pｉxelLeｆt＝this。x}if(ｙ!=nｕll）｛ｔhiｓ.y=yif(is.ns)ｔｈiｓ。csｓ．top=tｈis。yelｓeｔhis。csｓ.piｘelＴoｐ＝this．y｝}functionDynLayｅｒMｏveX（x）{ｉf(x!=ｎuｌｌ)｛tｈiｓ。x=xｔｈｉｓ．ｃsｓ。ｌeft=thｉｓ。ｘ｝}fuｎcｔioｎDynＬayｅrMｏveＹ(ｙ）｛ｉf（y!=nｕlｌ){this.y=ythiｓ．ｃss.toｐ=thｉs。y｝｝ｆuｎctｉｏnDｙnＬａｙerMoｖeBy（ｘ,y）｛thｉs.moｖeＴo（thｉｓ．ｘ+x,tｈis．y+y)｝fuｎｃｔiｏｎDynLaｙerＳhoｗ（）{ｔhis.css。vｉsｉbilitｙ=（iｓ.ｎs）？＂shｏw＂:"visiｂle”}ｆｕnｃｔionDynLaｙeｒHide(）｛tｈis．css.ｖisiｂｉliｔｙ=（is.ｎｓ)?”ｈide＂：”hｉdｄｅn”｝ＤynＬayｅtotyｐe。ｍoveTo＝DｙnLａyerMoｖｅToDynLａyer.pｒototype.ｍoｖeX=DynＬayｅrMoveXＤyｎＬayeｒ．ｐｒototyｐe.movｅＹ=DynLayerMｏveYＤynLayeｒ.prｏtｏtypｅ。movｅＢy=DｙnLayerMｏvｅＢyＤyｎLayeｒ。proｔotyｐe．shoｗ＝ＤynLayerShoｗDynＬayer。pｒotoｔypｅ.hide=ＤyｎＬayｅrHidｅＤynLaｙeｒ.ｐｒototype.ｓetWｉｄth=DyｎLayeｒSｅｔＷｉdthDynLａyｅｒ。ｐrｏtｏｔype．setＨeｉgｈt=DynLayｅrSeｔHeightDynLａyeｒTesｔ=ｎewFｕｎctiｏｎ（＇returnｔruｅ＇）／/DｙｎLayerInitＦｕnctｉｏnｆｕnctionＤynLａyｅrIｎiｔ（nesｔref){if(！DynＬａyｅr.sｅt)DｙnＬａyｅr。seｔ=trｕeif（ｉｓ。ns)｛if(nesｔref)ref=eｖａl（'doｃuｍent。'+nesｔｒef+＇．dｏcumeｎt＇)elsｅ{nｅsｔref＝＇’;rｅf=ｄoｃument；｝for(vari=0;i＜rｅｆ。ｌayｅrs．length；i+＋)｛vardivnaｍｅ=ｒeｆ．ｌａyers［ｉ].ｎａmeＤｙｎLａyｅr.ｎeｓtＲefAｒｒay［divnaｍe］=nestrｅｆｖaｒiｎｄｅx=dｉｖｎamｅ.iｎｄｅxＯf(”Dｉｖ”)if（indｅx＞０）｛eval（divｎaｍe．sｕbstｒ（0,index）+'=neｗDynLａyｅr(”’+divｎame+'＂，”＇+neｓtref＋'”)')｝iｆ（ｒef.ｌayｅｒｓ[i］．doｃumeｎt．laｙers。ｌengｔｈ＞0）｛DynLayｅr.ｒeｆArrａy［DyｎLayｅｒ.reｆＡｒray.ｌengｔh]=（nｅstref=＝'')?rｅf．laｙers[ｉ].nａme:nｅstrｅf+＇．ｄoｃｕmeｎt。＇+ref．layｅｒｓ［ｉ]。ｎame}}ｉf（ＤynLａyer.refAｒｒay.i〈DynLayｅr。reｆArraｙ.ｌengｔh）｛ＤｙnLａyｅｒＩｎit（DyｎLayeｒ.refArray[DynLaｙer。rｅfArrａｙ。ｉ＋+］)}｝ｅｌsｅiｆ（is.ie)｛for（vａri=0；ｉ〈ｄocumenｔ.aｌl.tags(”DIV"）.lengｔｈ；i+＋）｛vardｉｖnamｅ＝docuｍｅnｔ。aｌl．taｇs（＂DIV＂）［i］。idvaｒinｄex=ｄivｎａmｅ。iｎdｅxＯf(＂Dｉｖ”）if(ｉndex〉0)｛evａｌ(ｄivname。substr（0，ｉndeｘ)+’=neｗDyｎＬayer（"'＋dｉｖnaｍe+'”）＇）｝｝}reｔｕrntｒｕe}ＤｙnLayer.nestRefArray=ｎｅｗArraｙ（)ＤynLayｅr．ｒefArray＝ｎeｗＡrｒay()DynLａyer．ｒeｆArｒay。i＝0ＤynＬayer。sｅｔ=falｓe/／SlideMeｔhｏdsfｕｎcｔionDｙｎLａｙｅrＳliｄeＴo(eｎdｘ，ｅndｙ,iｎc,speeｄ,ｆｎ)｛if（endx==null)ｅndｘ=this。xiｆ(enｄy==nuｌｌ)ｅnｄy＝ｔｈｉs。ｙvardｉsｔx=enｄｘ-ｔhｉs.ｘvａrdisｔｙ=ｅnｄy—tｈis。ythis．ｓｌideStarｔ（endx，endｙ，ｄistx,ｄisty,inc，ｓpeed，fｎ)}fuｎctiｏnDynLaｙerSlideBy（dｉｓｔx，ｄｉｓtｙ,inc,sｐｅed，fn）{varｅｎdx=thiｓ。x+disｔxvａrｅndｙ=thｉｓ.ｙ+diｓtythiｓ。sｌidｅSｔaｒｔ（ｅｎｄｘ，eｎdy,dｉｓtｘ，ｄｉsty，inc,sｐeed,ｆｎ）｝ｆunctioｎDynLaｙerＳlｉdeＳtaｒt（endx，enｄｙ，dｉstｘ，ｄｉｓtｙ,inc,sｐｅed,fｎ）｛if(tｈｉｓ．slideActｉve）ｒetuｒnif（!inc）iｎｃ=10if（!ｓpeed）speed=５ｖaｒnum＝Mａth。sｑrt(Matｈ。pｏｗ(disｔx，2)＋Maｔh．poｗ(disty，２））/inciｆ（ｎum=＝0）retuｒnvardx＝dｉｓtx/numvardy=dｉsｔｙ/numiｆ(！ｆn）fn=ｎulｌthｉs。ｓｌideＡcｔivｅ=ｔrueｔhis。sｌidｅ（dx,dy,ｅnｄx，eｎｄy,nｕm，1,speed，ｆn）｝fuｎctiｏnDyｎLayerSｌide（dx，dｙ，endx,enｄｙ，nｕm，i,sｐｅed，ｆn）{if（！ｔhｉs.sliｄeActivｅ）rｅtuｒｎif(i++＜nuｍ){ｔhｉs．ｍoveＢｙ（ｄｘ，ｄy）this．ｏｎＳｌide（)ｉf(ｔhｉｓ.slidｅActivｅ)sｅtTｉmｅoｕt（thｉs．obj+"。sliｄe(＂+dｘ+＂,”+dy+”，＂+ｅｎdx+＂,"+eｎdy+","+num+”，＂+i＋”,”+spｅed+"，\"”+ｆn＋”\"）”，sｐeｅd)elsethis。oｎＳlideEnd（）｝else｛this.sｌｉdeＡｃtｉve=ｆalｓethis．mｏｖeTo(eｎｄx，ｅndy）this。onSlide（)ｔｈiｓ。ｏｎSlidｅEnd（）eｖａｌ（ｆn）}｝DynLaｙｅrSｌｉdｅＩniｔ＝nｅwＦunction(）DyｎＬaｙｅｒ。ｐrototyｐe．sｌidｅIniｔ=nｅwＦｕncｔioｎ（）DyｎLayer．ｐrｏｔotｙpe．sliｄｅTo=DyｎLayerSｌideToDｙｎLｔotype.ｓｌｉｄeBｙ=ＤynLayｅrSｌiｄeBｙＤyｎLaｙeｒ。pｒoｔｏtｙｐｅ．sｌideSｔａｒt=DyｎLayｅrSlidｅStａｒtDynLａｙｅr。ｐrotoｔype．sｌｉde=ＤｙnＬayｅrSｌideＤynLaｙtotypｅ.oｎSlｉｄｅ=newＦuｎctiｏn（）DynLayｅr.prｏｔｏｔyｐe。onSｌideＥnd=ｎｅwFuncｔｉon(）／/ClipＭeｔhodsfuｎｃtioｎDynＬaｙｅrClipInit（clｉpToｐ，clipRighｔ，clｉpＢottｏｍ,cｌipLeft)｛if（iｓ.ｉe）{if（arｇumｅnts．length==4)this。cliｐTo（ｃlipＴｏｐ，ｃlｉpRｉghｔ，cｌipBottｏｍ，ｃｌipＬｅft）elsｅｉｆ(is。iｅ４）tｈis．clipTo(0,thiｓ。cｓs．pixｅlWidth,this。css。piｘelHeｉｇht，０）}}functiｏｎDyｎLａｙeｒClipＴｏ(t,r，b,l){iｆ（t==nuｌl)t=ｔhiｓ。clipVａlues(’t＇）ｉf（r==nuｌl）r＝thｉs.clipＶａlues（＇r’）ｉｆ（b=＝nuｌl)ｂ=this.clipValues（＇b＇）ｉf（l==ｎuｌl)ｌ=ｔhis．clｉpＶａluｅs(’l’）ｉf(ｉs.ns){tｈiｓ。ｃss．cliｐ.tｏｐ＝tthis．csｓ．clｉp.right=rｔhiｓ．cｓs。clip。bｏttom＝bthis。css。clip.left=l｝elsｅｉｆ（ｉs。ie）this。cｓs.clip＝”rect（＂＋t+＂ｐｘ"+r+"ｐx＂+ｂ+"ｐx”＋ｌ+＂ｐx）”｝ｆunctｉｏnDｙｎLayｅrCliｐBy(t，r,b，l）｛tｈis.cliｐＴo(this。clipValｕｅｓ(’t＇)+t，ｔhis.ｃｌiｐＶalues(＇r＇)+r，this．clｉｐVａｌｕes（'b’）+ｂ，thｉs。ｃlｉpVａｌｕes(＇l＇）+ｌ）｝ｆunｃtionDynＬaｙeｒＣｌｉｐVaｌｕes（ｗhicｈ）{ｉf(is。ie)varcｌｉpv=this。cｓｓ．ｃliｐ。splｉt（”ｒeｃｔ（")[１］。ｓｐlit（＂）")[0］．splｉｔ（”px")if(ｗhicｈ==”ｔ＂)reｔurn（is.nｓ)？tｈiｓ.css。cｌip.top：Numｂｅr(clipv［0］)ｉf(whｉｃｈ=="r＂）rｅturｎ（ｉs.ｎs）?this。cｓs.clip．right：Numbｅr(clｉｐv[1]）if(ｗhiｃｈ＝=”b"）rｅｔurn（is.ｎｓ）？ｔhｉｓ.csｓ.cｌｉp。ｂottoｍ：Numｂer（ｃlｉpｖ[2]）if（whicｈ==”l＂）rｅtｕｒｎ（is．ｎｓ)？tｈis.ｃsｓ。cｌiｐ。left:Nｕmber（clｉｐv[３])}DyｎＬｔｏtypｅ．clipIｎit=DynLayerCｌipInitDyｎＬayｅｔotｙpe．ｃlipTo＝ＤynＬayerCｌipToＤyｎLtotyｐｅ．cｌｉpBy=DynLayerClｉpBｙDyｎＬａyer．prototype．cliｐVａluｅｓ＝ＤynLayerＣlipValues/／ＷｒiｔeMｅtｈoｄｆuncｔｉonDynLayeｒWrite（ｈtｍl）｛if(is．ｎs）｛ｔhis．doc。opｅｎ（）ｔhｉｓ.ｄoc.ｗｒite(ｈtml）thｉs.ｄoｃ．ｃｌoｓe(）｝elsｅiｆ(iｓ．ｉｅ){thｉs.eｖent.ｉnneｒHTMＬ=ｈｔmｌ}}DynＬayer.pｒototype。wｒitｅ=DynLayerＷritｅ／／BroｗserChｅckObjeｃｔｆunｃtioｎＢrｏwsｅrＣhｅｃk（){vaｒｂ＝naｖigaｔｏr.apｐNａmｅif（ｂ＝="Ｎeｔｓcapｅ”）tｈis。ｂ=＂ｎｓ＂elｓeｉf（ｂ＝＝＂ＭicrosｏfｔInterｎｅtEｘｐlｏrｅr"）thｉs．ｂ="ie"ｅｌsｅthis。b=ｂthｉs．veｒsion＝nａviｇａtｏr．apｐVerｓioｎtｈis。v＝parseIｎt(this．version）thｉｓ。ns=（this。b=＝"ｎs"＆&this。v〉=4）thiｓ。nｓ４=（ｔｈｉs。ｂ==”nｓ”&&ｔｈiｓ。v=＝4)tｈｉｓ。nｓ5=（this．ｂ=="ns”&＆thｉｓ．ｖ==5)this．ie=（ｔhis。ｂ=＝"ie＂&＆tｈｉs．v>=４）this．ｉe4=(this．versiｏn．indｅｘOｆ('ＭSIＥ4＇）＞０）tｈiｓ。ie5=(this.veｒsiｏn。indexＯf（’MSＩE５’)〉０）thｉs。miｎ＝(thiｓ。ns||ｔhiｓ．ｉe）}is＝neｗBrｏwsｅrＣhｅck（）//ＣSＳFunｃtioｎfｕnctｉｏｎcss（id,leｆt，top，width,height,color，ｖis，z，ｏｔher){ｉf（ｉｄ=="STＡＲT＂)rｅturｎ’<ＳＴＹLETYPＥ="ｔｅxt／ｃｓs”＞＼n'elｓｅif（iｄ==＂ＥND＂）ｒeturn’<／SＴYLＥ＞’ｖaｒｓtr＝(lｅfｔ！=ｎulｌ&＆top！＝ｎull）？’＃’+id+'｛ｐosiｔion：ａｂｓolute；ｌefｔ:’+ｌｅfｔ+'ｐx；tｏp：'+top+'pｘ;＇：＇＃＇＋id+’｛pｏｓitiｏn:rｅｌaｔivｅ;’ｉf(ａrｇumｅnts.lｅnｇｔh＞=4＆＆ｗidth!=ｎｕll）sｔr+='widｔｈ:＇+wｉdth+＇ｐｘ；'iｆ（arｇｕｍents.lｅnｇtｈ＞=5&＆ｈｅigｈｔ!=nｕｌl）｛str+='ｈｅiｇｈt：'＋ｈeiｇｈｔ+’ｐx;’iｆ(aｒgｕmｅnts.ｌengtｈ〈9｜|other。ｉndexOf('ｃlip＇）＝=—1）sｔｒ＋='cliｐ：rect(0ｐｘ＇＋widtｈ＋’px’＋heｉght+’pｘ0px）；＇｝ｉf(arｇｕｍｅnｔs.length>=６＆&coｌor！=null)str+=(is．ｎs）？'layeｒ-backｇrｏuｎd—color:＇+cｏｌor+'；’：＇ｂａｃkｇrｏund-color:＇+ｃolｏr＋＇;’if(ａrｇｕｍents。lengｔh＞=7&&viｓ!=nuｌl）ｓtr+=’viｓibiｌｉtｙ:'+viｓ+＇;'if（aｒｇumｅnts．lｅｎgth〉=８&&z！=ｎull）str＋=＇z－index：’+z＋＇；’iｆ（ａｒguｍｅntｓ.lengｔh=＝9＆＆othｅr!=ｎulｌ)ｓtｒ＋＝’’＋ｏthersｔr+=＇｝\n＇ｒeｔuｒnsｔr｝ｆｕnctionwriｔｅCSS(sｔr，ｓhowＡleｒt){str＝css（’ＳTＡRT’)+ｓｔｒ＋csｓ（’ＥＮD')dｏcuｍent.wrｉte（str)iｆ（ｓhｏwAlｅｒｔ)alｅｒt(stｒ）}</scｒiｐt〉<scｒｉｐｔlanguaｇe=ＪavaScripｔ1。2><!—-ｆuｎctioｎMM_oｐenＢｒWinｄow（tｈeUＲＬ，winＮame，ｆeaｔurｅs)｛//ｖ2.０windｏw．ｏpen（theURL,winName,fｅaｔuｒｅs)；｝funｃtionpｏｐ1(pageｕrｌ)｛vａrｐopwiｎ＝ｗindow.oｐen(ｐaｇｅｕrl，”ｐｏｐＷin",＂scｒolｌbaｒs=yｅs，tｏolｂaｒ＝no，locatioｎ=ｎo,ｄirectories=no，sｔatｕｓ=no，ｍenuｂaｒ＝ｎｏ,ｒｅsｉzａble＝ｎｏ,ｗiｄth=540，hｅight=3７0”）；retｕrｎfalse;｝//-—>＜/scｒiｐt＞＜ｓｔｙletｙｐe＝tｅxt／cｓs＞＃ｍｅnuｌａyeｒ０Dｉv｛BＡCＫGＲOUND－ＣOLOＲ:＃fｆfffｆ;CＬIP：recｔ（０ｐx4000ｐｘ3000px0px)；HEＩGHT:3000ｐx；LEFT：0pｘ;POSＩTIＯN:absoｌute；TＯＰ:0px；ｌaｙｅr—bａｃkｇrｏund-cｏlor：#ｆｆｆfｆf｝＃iconlａyer0Div｛ＢACKGROUND－COLＯＲ：＃fｆffff;CLIＰ:rect(０px400０px３００0px0pｘ）；HＥIＧHT：3000ｐx；LEＦT：0px；PＯSIＴION:aｂｓｏlutｅ；TOＰ：22px;layｅｒ—bａcｋgｒound-color:＃fffffｆ}#bａrｌayer0Diｖ｛BＡＣＫGRＯＵNＤ-ＣOＬOR:#fｆffff；CＬIP：rect(0px4０00ｐｘ22px0ｐx);ＨEＩGHT：22px;LEFT:0px；PＯSITION：absｏlｕｔe；TＯP：0px；ｌaｙer－bａｃｋground—ｃolｏr：＃fffffｆ｝＃uｐlａyer0Dｉｖ｛ＢACＫGRＯUND—ＣOLOR：#cｃcccｃ;CＬIＰ：rect(０px1６pｘ１６ｐｘ０px）;HＥＩGＨＴ:16px；LＥFＴ：—2０ｐx；PＯＳＩTＩＯN：ａbsolute；ＴＯP：２6pｘ；WIDTＨ：１6px;lａyer-ｂackgroｕnｄ-color:#cｃcccｃ}#downｌaｙｅr０Div{BＡCＫGＲOUNＤ—CＯLOＲ：#ｃｃｃｃｃc;CLIＰ：recｔ（0px1６px16px０px）；HEIGHT:16pｘ;LＥＦＴ:-２0pｘ;POSIＴIOＮ:absoluｔｅ；TOP：４２ｐx；WIDＴＨ:1６px;ｌayｅr－backｇroｕｎｄ—coloｒ：#ccｃccｃ}#mｅnｕlayer１Ｄｉv｛ＢACＫGＲOUＮD—COLOＲ：#fffffｆ;CLIP：rｅcｔ(0pｘ4000ｐx30００ｐx０ｐx)；HEIGＨＴ:3000ｐｘ;LEFＴ:0px；ＰOSＩTＩON：absoluｔe；TOＰ：０px;lａyer-ｂackgｒoｕｎｄ－colｏｒ：#ffｆfff｝#ｉconlａyer１Dｉv{BACKGRＯUND-COLOＲ:＃ffｆffｆ;CＬＩP:rｅct（0pｘ4000ｐｘ３０00px０px)；ＨEIＧHT：3000px;LEFT:0px;PＯＳIＴION:absｏluｔe;TOP：２2px;laｙer-ｂackｇｒｏund－cｏｌor：＃ｆfｆfff}＃bａｒlayｅr1Dｉv｛ＢACKGROUNＤ—COLOＲ:#ｆffｆｆｆ；CLIP:ｒect（0ｐx４000px22px0px）;HEIGHT：２2ｐｘ;LＥＦT:0px；POＳITＩOＮ：aｂsoｌｕtｅ；TＯP:０px；ｌayeｒ－bacｋgrｏund—ｃｏlor:＃ffｆfff｝＃uplaｙer1Ｄiv｛ＢACKGＲOUND—ＣＯLOR：＃ｃccccｃ；CLIP：reｃt(０px1６px16ｐｘ0ｐx）;HEIGHT:1６px；LEFＴ：—2０pｘ；ＰＯSＩTIＯN：ａbｓolute；TＯP:2６ｐｘ;ＷＩDTH:１6ｐｘ；ｌayｅr-bａcｋground－cｏｌｏr:#cccｃcc｝＃dｏwnｌaｙer１Ｄiv{ＢＡＣＫＧROUNＤ—ＣOＬOR：#cｃcccc；CLＩＰ:reｃｔ（0ｐx１6px１6px0pｘ）；HEIＧHT:16pｘ;LEFT：-20px;POＳITION：absolｕｔe;TOP:42px；WIDTH:１6pｘ;lａyer-backgｒounｄ—cｏｌｏr：＃cｃccｃc｝＃ｍｅnuｌａyer2Ｄｉv｛BAＣＫGROＵND－CＯLOＲ：＃fｆfｆｆf;CLＩP：ｒｅｃt(0px４00０px３000ｐｘ0px);ＨEIGHT:３000px;LＥFT：０ｐｘ；POＳＩＴION：absoｌute；TOＰ：0px;ｌａｙeｒ—baｃｋgｒound-coloｒ：＃ffffｆf｝#ｉｃoｎｌaｙeｒ２Diｖ{ＢＡＣKGRＯＵNＤ—ＣOLＯＲ：＃fffｆff；CLIＰ：ｒeｃｔ(０ｐx４０００pｘ30００pｘ０pｘ);HＥIGHＴ:300０px;LEFT：０pｘ;POSＩＴIＯＮ：absｏｌuｔe；ＴＯＰ:2２pｘ;lａyeｒ—bａｃｋｇｒoｕnd—cｏlor:＃ffffff｝＃bａrlaｙer２Div{BACKGROUND—COLOR：＃fffｆff；CLＩP：rｅct（0px40００px2２px0px)；ＨEＩGHＴ：２2ｐx；LEFT:0pｘ；POSITIＯN：aｂｓolｕte；ＴOP:0px;layeｒ-baｃｋｇrouｎｄ－ｃoｌｏr:＃fｆffff｝＃ｕplａｙer２Div{BAＣKGRＯUNＤ—ＣOLOＲ：#cccccc；CLIＰ:rｅct（０px１6ｐx1６pｘ0px）；ＨEＩGＨT：16ｐx；LEFT:—２0ｐx;POSＩTION：aｂsolute;TOP：2６px；WIＤTH:１6px；layer—ｂaｃｋｇroｕnd-color：#ｃｃccｃc｝#ｄｏｗｎｌayｅr2Div｛BACKGRＯUNＤ—COLＯＲ:#ccccｃｃ;CLIP：rect（0pｘ１６px1６ｐｘ０px)；ＨEＩＧＨT：１６pｘ;LＥFT：－20px;ＰOSITＩON:absｏlｕtｅ;TOP:４2ｐｘ；ＷIＤＴH：１６px；ｌａｙｅr—ｂackｇｒound-color：＃ccｃccc｝＃menｕlａｙｅｒ3Ｄiv{ＢAＣKGROUND-ＣOＬOR:#ffffｆf;CLＩＰ：ｒect（0px４０0０ｐｘ30０0pｘ０ｐx）；HEＩGHT：3000px;LEFT:０ｐx;POSＩTIOＮ：absolｕte;ＴOＰ：0ｐx;layer—ｂaｃｋｇｒound-ｃoｌｏr：＃ｆｆｆfｆf｝＃ｉcｏnｌayeｒ3Ｄiv｛BAＣＫＧＲOUND－COＬＯR:#ｆｆffff；ＣＬIP：rect(0pｘ40０0ｐｘ3000ｐx0px)；ＨＥIGＨT:30０0ｐｘ;LＥFT:0ｐx；POSIＴION：aｂsoｌutｅ;TOP：22px；laｙer—bａckgｒouｎｄ—color:＃ffffｆf｝#barlayeｒ3Div｛BACＫGＲＯＵND－ＣOLOＲ：＃ｆｆffff；CLIP：rｅｃt（０ｐｘ4０00ｐx２2px0ｐx);HEIＧＨT：22ｐx；LEFT：0px；PＯSＩＴION：ａbsｏｌute;TOＰ:0px；layer－ｂａckgｒｏunｄ-ｃolｏr：＃ｆffｆff｝#uplaｙer3Div{BACKＧROUND－CＯＬＯR：#ｃｃｃcｃc；ＣLIP:ｒect（0ｐx１6ｐx１6px0px）；ＨＥIGHT:16px；LEＦＴ:—20px;POSIＴION:ａbsoｌute；TOＰ:26ｐx;WＩＤTH：１6pｘ；lａyeｒ－background—ｃoｌor：#cccccc｝#dｏｗｎｌａyｅr3Dｉｖ｛ＢACKGＲOUNＤ－ＣOLOR：＃cccｃcc；ＣＬＩＰ：rect（０px1６pｘ1６px0px）;HEIGHT:16pｘ;LEＦT:－20px；PＯSIＴION：absｏlｕte；TOP：４2pｘ；WＩDTＨ：16ｐｘ;layeｒ-ｂａcｋgrouｎｄ-cｏｌｏr：#ccｃccc｝＃ｍenuｌayer４Ｄｉv｛BACＫＧRＯＵNＤ-ＣＯＬOR：＃ffffｆｆ；CLIＰ:reｃt(０pｘ4000pｘ3000px０ｐx)；ＨEIGHＴ:3000ｐx;LEFT：０ｐx；POSITION:absoluｔe；TOＰ:0ｐｘ;lａyeｒ-bacｋgｒound-cｏlor：#fffｆｆf｝＃iｃonｌａyeｒ4Div｛BACＫＧRＯＵNＤ-ＣOLＯR:#fffｆｆf;CLＩP：recｔ(0ｐx4０00pｘ3000pｘ0pｘ）；ＨEＩGHT：300０pｘ;ＬＥFT：０px;ＰＯSITIOＮ:absolute;TOP:22px；layｅr-bacｋgｒｏuｎｄ—ｃoｌor：＃ffｆｆfｆ｝#bａrlayer４Div{ＢＡCKGＲOＵNＤ-ＣOLOＲ：#ｆfｆffｆ;ＣLIＰ：rect(0px4000px2２px0ｐx）；HＥIＧHT:22px；ＬEFＴ：０px；POSＩＴＩＯN:ａｂsoｌｕｔｅ；TOP：0px；lａyeｒ-bacｋｇround—coｌoｒ:＃fｆffｆf｝#upｌayｅr4Div｛ＢACＫＧRＯUND-COＬOR:＃cccｃｃｃ；ＣLIＰ：rｅct（0px16ｐx16px0px）;HＥIGHＴ:１6pｘ;LEFT：-２０pｘ;ＰOSITIＯＮ:aｂsolute；TＯP：２6px；WIＤＴＨ:16pｘ;laｙer－bａckgrｏuｎｄ-coｌoｒ：＃cccccｃ}＃dｏwnlayｅr4Ｄiv｛ＢＡCKGＲOＵND－ＣOLＯR：＃ccｃcｃc;CLＩＰ:ｒｅct（０ｐx16pｘ16pｘ0ｐx)；HEＩGHT：16px；LEFＴ：—2０px；POSＩＴION:ａbsoｌute；TＯＰ：４２px；WIＤＴＨ：16pｘ；laｙer－ｂaｃkgroｕnｄ－ｃｏlor：＃ccｃcｃc｝＃meｎulayｅｒ5Dｉv{BAＣKGＲOＵNＤ－COLOＲ：＃ffffｆｆ；CLＩＰ：ｒect（０px4000pｘ３０00ｐｘ0px);ＨEIGＨT：300０ｐx;LEFT:0px;ＰOSIＴION：absolute；ＴOP:0ｐｘ；layer—ｂaｃkｇroｕnd－color:#ffffff｝#ｉｃonlayeｒ5Dｉv｛ＢＡCＫGROＵＮD－COLOＲ：＃fffｆｆｆ；CLIＰ:ｒｅｃt(０px4000px3０0０px0px)；HEIGHT：30０0px；ＬEＦT：0px；ＰOSＩTIOＮ：absoｌute；TＯP:22px;layer－baｃｋgｒouｎd－coｌｏｒ:＃ｆffｆff}＃bａrlayer5Diｖ｛ＢＡCKGROUND-COLＯR：＃fｆｆｆfｆ；CLIP：rect(0px4000ｐx2２ｐｘ0ｐx）；HEＩGHＴ：２2px；LEFT：0ｐx；ＰＯSITIＯN:absoluｔe;TOP：0ｐｘ；layer－ｂackgｒound－ｃolor：＃ffｆｆfｆ}＃uｐｌayer5Dｉｖ{BACKGRＯUND－COLOＲ:＃ccｃccc;CＬＩP:rｅct(０ｐｘ１６ｐx16pｘ0pｘ);HＥIＧHＴ:１６px;LＥFT:-2０px；POSIＴIOＮ:abｓolutｅ;ＴOP：26px；WＩDＴＨ:1６px；lａｙｅｒ-ｂａcｋgrｏund－color:#ccｃccc}＃ｄｏwnlayer5Ｄiｖ｛BACKＧＲOＵＮD-ＣOＬOR：＃cccｃcc；CLIＰ:rect（0ｐx16px１6px0pｘ）;ＨEＩGHT:１6px；LEFT:-２0ｐx；ＰOSＩTION：aｂsｏlutｅ;TＯP:42ｐx；WIDTH:16ｐx；ｌayｅｒ—bａｃkgｒoｕnd－ｃolor:#ｃｃcccc｝＃mｅｎulａyeｒ６Dｉv{ＢACKGROUNＤ—CＯLOR：#ffffff；CＬIＰ：ｒect(0ｐx400０ｐx3000pｘ0ｐx);HEIGＨT:3０0０px；ＬEＦT:０px;PＯSIＴＩOＮ:absoｌute;TＯP:０ｐｘ；ｌayeｒ—bａｃｋgrｏund－cｏlor:＃ffffff}＃ｉｃｏnlａｙeｒ６Diｖ{BACＫGROUND—ＣＯＬOR：＃fffｆｆf;CLＩP：reｃt（0px40０0ｐx３００0pｘ0ｐx）；ＨEＩGHT:３00０px；LEFT：0ｐｘ；ＰOSITION：ａbsolｕｔe；TOP：22ｐx；layeｒ－ｂackgroｕnd—cｏlｏｒ：＃fｆｆfff｝#ｂarlayｅｒ6Dｉｖ｛ＢACKGROUＮD—COLOＲ:＃fｆffff；ＣLＩP：ｒect（0px4000px２２px0px）;ＨEIGＨＴ：２2px；ＬEＦT：0px；POＳＩTＩON:aｂsｏluｔｅ；TOP：０px；ｌaｙer—backgrouｎd－coｌｏｒ：＃fｆffｆf｝#uplayer6Dｉv｛BAＣKGROUＮD－COLＯR：#cｃｃｃｃc；ＣＬIP：rｅct(０pｘ16ｐx16ｐx0ｐｘ）；HEＩGHT:１6px;LＥFＴ:－20ｐx;POＳITION：aｂsoｌutｅ;TＯP:２6px;WIＤTH：１６px；ｌayｅｒ－bacｋgrｏｕnｄ－color：#cｃcccｃ}#doｗnlayeｒ6Ｄiv｛BＡCKＧROUNＤ－COLOＲ：#ｃｃｃｃcc;ＣＬIＰ:rect（0px16px16ｐｘ0ｐx);ＨEIGHT:1６px;LEFＴ：－２0pｘ;ＰOＳＩTION：abｓoluｔe;TOP:4２ｐx;ＷIＤTＨ:１6px;ｌaｙeｒ－ｂａckｇｒound—coｌｏｒ:＃cｃccｃc｝</ｓtylｅ＞＜scriptlanｇuage=ＪavaSｃｒipt>＜!--ｖarmｅnuｂarheight=0；vaｒmeｎuｂarｓｕｍ=0;ｖaｒmｅnuｓpeeｄ＝１0;vａrmenuinc＝100;ｖarscｒollsｐeeｄ=1００；ｖaｒscrollｉnc=60；varmenｕｃhooｓe＝0；varｉcoｎＸ=newＡｒray(menuｂａrsｕｍ)；vaｒmｅｎuIcoｎＷidth=nｅｗAｒｒay（meｎubarｓｕm);varmenuIcｏnHｅｉght=ｎｅwAｒray（ｍenuｂaｒｓum)；varmｅnuｓcrｏｌｌ＝０;varicoｎareaheｉｇｈｔ＝０;ｖaｒｉｃonrighｔpos＝0；vａｒmaxｓcrolｌ=０；varscrolliｎｇ=falｓｅ；vａrscrｏｌlTimeｒID＝0;fuｎctｉｏnｉnit(mｎum,ｍheight）｛menubarheight=mｎｕｍmenｕｂａrｓｕm=mheightｍｅｎｕlayｅr=nｅwArｒay（mｅnubaｒsｕm）ｉｃonlａｙeｒ=nｅｗＡrrａy（ｍenｕbarｓuｍ)bａrlayer＝newＡrray(menubarｓum)upｌaｙeｒ=newAｒray（ｍｅｎuｂａrｓｕｍ）dｏwｎlayer=nｅwArraｙ（menubarsuｍ）foｒ(ｖaｒｉ＝0；i<ｍenｕｂaｒｓum;i++）{mｅnulayｅｒ［i］=ｎewDｙnLayer（＂menuｌaｙer＂+i+"Div＂）meｎｕｌａyｅr［i］.ｓlidｅInit()ｉconlayer［i］=newDynLayeｒ（＂iconlayeｒ"＋ｉ+"Dｉｖ”，”menulayer＂+i+”Div＂）ｉｃｏnlaｙer［i］。sｌiｄeＩｎit(）/*iconlａyｅr［i].ｓｅtWidth（dｏｃｕmｅnt。ｂodｙ．ｃlieｎtＷidｔh）;＊/ｉf（ｍeｎｕIconＷｉdｔh［ｉ]＞documｅnt。bｏｄy。cliｅntWｉdtｈ){iconlayer［ｉ］．setＷiｄtｈ（ｍenuIｃoｎWｉdth[i])iconX[ｉ]＝（docuｍent。boｄy。cｌｉentWiｄtｈ-meｎuＩconWidｔh[i］)／2}elsｅ｛iｃｏnlａyer［i］.setWidtｈ（ｄoｃumeｎt.ｂody.ｃｌｉentWidtｈ）ｉｃonX[i]=0｝iｃｏnｌａｙer[ｉ]．ｍovｅＴo(iconX[ｉ],mｅｎubａrｈeight）ｂarlａyer［i］=ｎｅｗDyｎＬａｙer（＂bａｒlayeｒ"+i＋"Div",”menulayer"＋i＋"Diｖ")ｂａrlayer［ｉ］。ｓｌidｅInｉt()ｕplayeｒ［ｉ］＝ｎeｗDｙnLａｙeｒ（”uｐｌａyｅr"+ｉ＋”Div"，”menuｌayer”+ｉ+"Ｄｉv”）uplayｅｒ［ｉ]。sｌideIｎiｔ（）dowｎlayeｒ［i］=newＤynＬａyeｒ（＂dｏwnlayｅr＂+ｉ+"Dｉv”，”mｅnulayｅｒ"+ｉ＋＂Ｄiv"）doｗnｌａyｅｒ［ｉ］。slideInit（）}mｅnurelｏad（）}fｕncｔiｏnｍenubarｐuｓh(num）{if（nｕm!=ｍｅnｕchoｏse&＆nｕｍ〉=0&&num<ｍenubａrsum）{ｉconｌayer［menuchooｓe]。moveＴo（icｏnＸ［ｍｅnuｃhｏose]，mｅnubarheｉght）ｍｅｎuｓｃroｌl=０scrｏｌliｎｇ=ｆａlseｆｏr（ｖari=０;ｉ〈＝num；i＋＋）{ｍeｎulayer［i]．slｉdeTo（0，ｉ*menubaｒheｉgｈt,ｍenｕinc,menuspｅeｄ）｝nAdCoｒｎｅrOrｉginY＝ｄocumenｔ．bｏdｙ。ｃlｉeｎtHｅight;ｎＡｄCornerOrigiｎＹ+=dｏcumｅnｔ.body。ｓcｒollTop;for（vari=meｎｕbaｒｓｕｍ-1;i＞ｎum;ｉ－－）{ｎAdCornerOｒigiｎＹ-=ｍｅｎubａrheｉghtmeｎulａｙer［ｉ].slｉdeTｏ（０，nAdCoｒｎerＯriginＹ，menuinc，mｅｎuｓpeed)}mｅnuｃｈoｏｓe=ｎumｍenuscｒoｌlbaｒ(）｝ｆｕnctionmeｎureloaｄ（)｛nAdCoｒnｅrOriｇinＹ=doｃｕment.ｂoｄy.cｌiｅntＨｅiｇｈt；nAdCornerOrｉginＹ＋=dｏｃument。ｂoｄy.scｒoｌlTｏｐ；for(vaｒi=meｎubarｓｕｍ-1；i〉menuchｏose;ｉ—－）｛nAdＣornerＯｒiginＹ—=mｅnuｂａｒhｅigｈｔｍenｕlaｙer［ｉ］。ｍoｖeTo（０，nAdCoｒneｒOriginY）｝fｏr(vａri=0；i<mｅnubarsum;i++)｛if(menuIconWiｄth［i]>doｃument.body.cｌｉｅntWｉdth）｛ｉｃonlaｙｅr[i］．seｔWidｔｈ（ｍenuIconWidtｈ[i])icｏnX［i］=（documｅnt.ｂoｄy．clｉentＷiｄth-mｅｎuIｃonWiｄtｈ［i］)／2｝elｓｅ{iconlayｅr[ｉ］.setWidth（docuｍenｔ．body。clientWidth）iconＸ[i］＝０｝ｉconlayer[i］．moｖeX（icｏnX［ｉ］,ｍenubarｈeighｔ)｝menｕsｃrollｂaｒ()}funｃｔｉonｍeｎuscrollbaｒ（）{iconarｅah