电子商务淘宝网站程序

1、实验目的使学生了解网上商店的主要作用及其与一般管理信息系统的差异， 要求学生明确网上商店设计、开发、建造过程中的主要技术热点和前沿问题。2、要求学生掌握网上商店的生命周期的基本概念， 理解网上商店分析设计和开发的各个主要阶段及其主要任务， 了解网上商店分析开发过程与一般管理信息系统的差异，了解网上商店开发过程中的人员组织及其职责。3、要求学生理解水平型网站、 垂直型网站、 综合型网站的主要特征、 作用及其核心技术。要求学生掌握网站设计的基本思路和过程。 了解电子商务网网站设计常用用组件， 掌掌握首页设计计、 页面可可视化设计、 网站的风格格和创意设计计、 网站的的栏目和版块块设计、网站站的目录

2、结构构和链接结构构确定的要点点。 实验原理电子商务系统的的系统开发生生命周期主要要包括如下55个方面：（1）系统分析析规划：选定定商业模式，确确定商业目标标、系统功能能及信息需求求（2）系统设计计：逻辑设计计与物理设计计（3）系统开发发：企业内部部开发与系统统外包（4）系统实施施：一项复杂杂的系统工程程（5）系统运行行/维护：保保证系统正常常运行一个一般的网站站的设计思路路与过程为：1、客户需求分分析2、网站表现形形式分析：1） 网站整体体风格：2) 网页设设计理念：3） 网站配色色方案4) 网站构构架3、网站功能设设计1） 前台功能能设计2） 后台模块块功能设计实验内容主页代码无标题文档档

3、/图图片滚动列表表 menggjia 00709277 varr Speeed_1 = 10; /速度(毫秒) varr Spacce_1 = 40; /每次移移动(px) varr PageeWidthh_1 = 116 * 3; /翻页宽度度 varr inteerval_1 = 77000; /翻页间间隔 varr filll_1 = 0; /整体移位 varr MoveeLock_1 = ffalse; varr MoveeTimeOObj_1; varr MoveeWay_11=rigght; varr Compp_1 = 0; varr AutooPlayOObj_1=null;

4、funnctionn GetOObj(obbjNamee)if(documment.ggetEleementBById)returrn evaal(doocumennt.gettElemeentByIId(+objNaame+)eelserreturnn evall(doccumentt.all.+objjName) funnctionn AutooPlay_1()cclearIIntervval(AuutoPlaayObj_1);AuutoPlaayObj_1=settInterrval(ISL_GGoDownn_1();ISL_SStopDoown_1();,iintervval_1) f

5、unnctionn ISL_GoUp_1()iif(MovveLockk_1)reeturn;clearrInterrval(AAutoPllayObjj_1);MMoveLoock_1=true;MoveWWay_1=leftt;MovveTimeeObj_11=setIIntervval(IISL_SccrUp_11();,Speedd_1); funnctionn ISL_StopUUp_1()if(MMoveWaay_1 = riight)retuurn;cclearIIntervval(MooveTimmeObj_1);iff(GettObj(ISL_CCont_11).sccrol

6、lLLeft-ffill_11)%PaggeWidtth_1!=0)Coomp_1=fill_1-(GeetObj(ISL_Cont_1).sscrolllLeft%PageWWidth_1);CoompScrr_1()elseMoveLLock_11=falsse AuttoPlayy_1() funnctionn ISL_ScrUpp_1()if(GeetObj(ISL_Cont_1).sscrolllLeft=0?filll_1:ffill_11+1)!=0)Coomp_1=PageWWidth_1-GettObj(ISL_CCont_11).sccrollLLeft%PPageWiid

7、th_11+filll_1;CoompScrr_1()elseMoveLLock_11=falsse AuttoPlayy_1() funnctionn ISL_ScrDoown_1()if(GetObbj(ISSL_Connt_1).scroollLefft=GeetObj(Listt1_1).scroollWiddth)GGetObjj(ISLL_Contt_1).scrolllLeftt=GetOObj(IISL_Coont_1).scrrollLeeft-GeetObj(Listt1_1).scroollWiddth GettObj(ISL_CCont_11).sccrollLLeft

8、+=Spacee_1 funnctionn ComppScr_11()iff(Compp_1=00)MovveLockk_1=faalse;rreturnn varr num,TempSSpeed=Speedd_1,TeempSpaace=Sppace_11;if(MMath.aabs(Coomp_1)PageeWidthh_1/2)TemppSpacee=Mathh.rounnd(Matth.abss(Compp_1/Sppace_11);iff(TemppSpacee1)TTempSppace=11 if(Comp_10)if(Coomp_1TempSSpace)Compp_1-=TTem

9、pSppace;nnum=TeempSpaaceellsenuum=Commp_1;CComp_11=0 GettObj(ISL_CCont_11).sccrollLLeft+=num;ssetTimmeout(ComppScr_11(),TTempSppeed) funnctionn picrrun_inni() GettObj(List22_1).innerrHTML=GetObbj(Liist1_11).innnerHTTML; GettObj(ISL_CCont_11).sccrollLLeft=ffill_11=0?ffill_11:GetOObj(LList1_1).sscroll

10、lWidthh-Mathh.abs(fill_1); GettObj(ISL_CCont_11).onnmouseeover=functtion()cleaarInteerval(AutoPPlayObbj_1) GettObj(ISL_CCont_11).onnmouseeout=ffunctiion()AutoPPlay_11() AuttoPlayy_1(); /产产品展示滚动动图片结束 /  p; &nnbsp; 常大大发饰官方旗旗舰店 .ccn &nnbsp; &nnbsp; 甩卖包邮&nbssp; &nnbsp; &nnbsp; &nbssp; &nbbsp; 首首页 新新

11、品 网络精品 奥地利水钻钻 奥地利水晶晶 野性豹纹 购物须知 盘盘发教程 &;  p;  p;  p; &; 抢购购 &; 抢购购 &; 抢抢购 &nbssp; &nbssp;&nbssp;商品1网页代码码无标题文档档 &nnbsp; &nbssp; 常大发饰官官方旗舰店 &nnbsp; &nbssp;&nbssp; &nbbsp; 首页 新新品 网络精品 奥地利水钻钻 奥地利水晶晶 野性豹纹 购物须知 盘盘发教程 &; .img_waarp wwidth:318pxx; _heeight:199pxx; _ovverfloow:hiddden; bordeer:1px

12、x soliid #cccc;paddding:0px;mmarginn-leftt:0px; marggin-toop:0pxx; possitionn:absoolute;top:00px; lleft:00px; .img_waarppoositioon:rellativee;top:0px; left:0px;/*curssor:crrosshaair*/ .img_waarp .ccurrennt wiidth:3318px;heighht:1999px var $E = funnctionn(optss) functioon _(oobjId)retuurn (ttypeoff o

13、bjIId = strring)?docuument.getEllementtById(objIdd):objjId; var beIImg,exxpand,clip,coverr,warpp,expIImg; var cliipWidtth,cliipHeigght; var clooseTimmeId = nulll; var mullt = 11; /图图片放大倍数数,根据裁剪剪框和放大后后图片容器的的大小自动调调整 /init (functiion() beImg = _(oppts.beerviarry); warp = beImgg.pareentNodde; cover = do

14、cuument.creatteElemment(div); warp.apppendCChild(coverr); cover.sstyle.posittion = abssolutee; cover.sstyle.top = 0pxx; cover.sstyle.left = 0ppx; cover.sstyle.backggrounddColorr = #ccc; var opaac = pparseFFloat(opts.opaciity) | 0.33; cover.sstyle.opaciity = opac; cover.sstyle.filteer = Alphaa(Opacci

15、ty= + oppac * 100 + ); cover.sstyle.widthh = 1100%; cover.sstyle.heighht = 100%; cover.sstyle.zIndeex = 22; cover.sstyle.visibbilityy = hhiddenn; clip = documment.ccreateeElemeent(iimg); warp.apppendCChild(clip); clipWiddth = (optss.clipp & oopts.cclip.wwidth) | 60px; clipHeiight = (optts.cliip & op

16、ts.clip.heighht) | 60ppx; clip.srrc = bbeImg.src; clip.cllassNaame = beImgg.classsNamee; clip.sttyle.ppositiion = absoolute; clip.sttyle.ttop = 0px; clip.sttyle.lleft = 0pxx; clip.sttyle.cclip = recct(0pxx, + clipWWidth + , + cllipHeiight + ,0ppx); clip.sttyle.bbackgrroundCColor = #cccc; clip.sttyle

17、.zzIndexx = 3; /ie里面会会变态的自动动设置宽度和和高度 clip.reemoveAAttribbute(widthh); clip.reemoveAAttribbute(heighht); )(); functioon layyerPoss(e) if(e.laayerX & e.layerrY) return x:e.layerrX,y:ee.layeerY; else return x:e.x,y:ee.y; functioon abssoluteePos(ee) if(e.paageX & e.ppageY) return x:e.pageXX,y:e.pageYY;

18、else var x = e.cllientXX + (ddocumeent.doocumenntElemment.sscrolllLeft?documment.ddocumeentEleement.scrolllLeftt : doocumennt.boddy.scrrollLeeft); var y = e.cllientYY + (ddocumeent.doocumenntElemment.sscrolllTop?ddocumeent.doocumenntElemment.sscrolllTop : docuument.body.scrolllTop); return x:x,y:y;

19、var shoowExpaand = functtion(xx,y,e) if(!exppand) initExppand(); expImg.stylee.leftt = (-1 * xx) * mmult + px; expImg.stylee.top = (-11 * y ) * mmult + px; if(!oppts.exxpand) | (!optss.expaand.idd) var aPoos = aabsoluutePoss(e); expand.stylee.leftt = aPPos.x + parrseFlooat(cllipWiddth) / 2 + 20 + px

20、; expand.stylee.top = aPoos.y + px; /初始化放大大的div functioon iniitExpaand() if(optss.expaand & optss.expaand.idd) expand = _(oopts.eexpandd.id); else expand = doccumentt.creaateEleement(div); if(optss.expaand & optss.expaand.sttyle) for(varr p inn optss.expaand.sttyle) expand.styleep = optss.expaand.st

21、tylepp; expand.stylee.bordder = 1px solidd #0000; expand.stylee.posiition = abbsolutte; expand.stylee.leftt =0; expand.stylee.righht = 0; expand.stylee.dispplay = bloock; documennt.boddy.apppendChhild(eexpandd); if(clipp.clieentWiddthcllip.cllientHHeightt) expand.stylee.widtth = cclip.cclienttWidthh

22、 + ppx; expand.stylee.heigght = clip.clienntWidtth * pparseFFloat(clipHHeightt) / pparseFFloat(clipWWidth) + ppx; else expand.stylee.heigght = clip.clienntHeigght + px; expand.stylee.widtth = cclip.cclienttHeighht * pparseFFloat(clipWWidth) / paarseFlloat(cclipHeeight) + ppx; expand.stylee.zInddex =

23、 4; expand.stylee.overrflow = hiidden; if(exppand.sstyle.posittion != reelativve) & (exxpand.stylee.posiition != aabsoluute) /变态的iee6和ie77的img如如果为rellativee,需要设置置其父节点也也为relaative,否则oveerfloww:hiddden无效 expand.stylee.posiition = reelativve; expand.stylee.leftt = 00; expand.stylee.top = 0; expImg = do

24、ccumentt.creaateEleement(img); expImg.src = beImmg.srcc; expImg.stylee.posiition = reelativve; expImg.stylee.leftt = 00px; expImg.stylee.top = 0ppx; expand.appenndChilld(exppImg); expImg.removveAttrributee(widdth); expImg.removveAttrributee(heiight); /计算图片放放大的倍数 var ew = exppand.cclienttWidthh; var

25、eh = exppand.cclienttHeighht; var cw = parrseFlooat(cllipWiddth); var ch = parrseFlooat(cllipHeiight); mult = (ew/ccw eeh/ch) ? eww/cw : eh/cch; /调整放大图图片的大小 expImg.stylee.widtth = bbeImg.clienntWidtth * mmult + px; expImg.stylee.heigght = beImgg.clieentHeiight * multt + ppx; cover.oonmoussemovee = c

26、llip.onnmouseemove = funnctionn(e) var e = e | evennt; var poss = laayerPoos(e); var x = pos.x; var y = pos.y; /判断x和yy坐标有没有有超出范围 var w = parsseFloaat(cliipWidtth) / 2,h = parsseFloaat(cliipHeigght) / 2; x = (x w)?w:x; y = (y warrp.cliientWiidth - w) ? (warrp.cliientWiidth - w) : x; y = (y warrp.clii

27、entHeeight - h) ? (waarp.cllientHHeightt - h) : y; clip.sttyle.cclip = recct( + (y - h) + px, + (x + ww) + px, + (y + h) + pxx, + (x - w) + px); showExppand(xx - w,y - hh,e); warp.onnmouseeover = covver.onnmouseeover = cliip.onmmouseoover = funcction() /如果清除的的定时器存在在,则删除. if(closseTimeeId) clearTiime

28、outt(closseTimeeId); closeTiimeId = nulll; if(coveer.styyle.viisibillity = hhiddenn) cover.sstyle.visibbilityy = vvisiblle; if(expaand & expaand.sttyle.ddisplaay = nonne) expand.stylee.dispplay = bloock; warp.onnmouseeout = funcction() /延迟一定时时间后清除 closeTiimeId = settTimeoout(fuunctioon() cover.sstyl

29、e.visibbilityy = hhiddenn; if(!oppts.exxpand) | (!optss.expaand.idd) expand.stylee.dispplay = nonne; ,130); return clear:ffunctiion() /在这里清除除放大镜效果果 warp.reemoveCChild(clip); warp.reemoveCChild(coverr); warp.onnmouseeout = nulll; if(!oppts.exxpand) | (!optss.expaand.idd) expand.stylee.dispplay = nonn

30、e; $E(beerviarry:cuurrenttPic1,expaand:iid:exxpand,stylle:,clipp:widdth:550px,heighht:500px,opaciity:00.2); &nnbsp; &nbssp;&nbssp;商品2网页代码码无标题文档档 &nnbsp; &nbssp; 常大发饰官官方旗舰店 &nnbsp; &nbssp;&nbssp; &nbbsp; 首页 新新品 网络精品 奥地利水钻钻 奥地利水晶晶 野性豹纹 购物须知 盘盘发教程 &; .img_waarp wwidth:318pxx; _heeight:199pxx; _ovverflo

31、ow:hiddden; bordeer:1pxx soliid #cccc;paddding:0px;mmarginn-leftt:0px; marggin-toop:0pxx; possitionn:absoolute;top:00px; lleft:00px; .img_waarppoositioon:rellativee;top:0px; left:0px;/*curssor:crrosshaair*/ .img_waarp .ccurrennt wiidth:3318px;heighht:1999px var $E = funnctionn(optss) functioon _(oob

32、jId)retuurn (ttypeoff objIId = strring)?docuument.getEllementtById(objIdd):objjId; var beIImg,exxpand,clip,coverr,warpp,expIImg; var cliipWidtth,cliipHeigght; var clooseTimmeId = nulll; var mullt = 11; /图图片放大倍数数,根据裁剪剪框和放大后后图片容器的的大小自动调调整 /init (functiion() beImg = _(oppts.beerviarry); warp = beImgg.p

33、areentNodde; cover = docuument.creatteElemment(div); warp.apppendCChild(coverr); cover.sstyle.posittion = abssolutee; cover.sstyle.top = 0pxx; cover.sstyle.left = 0ppx; cover.sstyle.backggrounddColorr = #ccc; var opaac = pparseFFloat(opts.opaciity) | 0.33; cover.sstyle.opaciity = opac; cover.sstyle.

34、filteer = Alphaa(Opaccity= + oppac * 100 + ); cover.sstyle.widthh = 1100%; cover.sstyle.heighht = 100%; cover.sstyle.zIndeex = 22; cover.sstyle.visibbilityy = hhiddenn; clip = documment.ccreateeElemeent(iimg); warp.apppendCChild(clip); clipWiddth = (optss.clipp & oopts.cclip.wwidth) | 60px; clipHeii

35、ght = (optts.cliip & opts.clip.heighht) | 60ppx; clip.srrc = bbeImg.src; clip.cllassNaame = beImgg.classsNamee; clip.sttyle.ppositiion = absoolute; clip.sttyle.ttop = 0px; clip.sttyle.lleft = 0pxx; clip.sttyle.cclip = recct(0pxx, + clipWWidth + , + cllipHeiight + ,0ppx); clip.sttyle.bbackgrroundCCol

36、or = #cccc; clip.sttyle.zzIndexx = 3; /ie里面会会变态的自动动设置宽度和和高度 clip.reemoveAAttribbute(widthh); clip.reemoveAAttribbute(heighht); )(); functioon layyerPoss(e) if(e.laayerX & e.layerrY) return x:e.layerrX,y:ee.layeerY; else return x:e.x,y:ee.y; functioon abssoluteePos(ee) if(e.paageX & e.ppageY) return

37、x:e.pageXX,y:e.pageYY; else var x = e.cllientXX + (ddocumeent.doocumenntElemment.sscrolllLeft?documment.ddocumeentEleement.scrolllLeftt : doocumennt.boddy.scrrollLeeft); var y = e.cllientYY + (ddocumeent.doocumenntElemment.sscrolllTop?ddocumeent.doocumenntElemment.sscrolllTop : docuument.body.scroll

38、lTop); return x:x,y:y; var shoowExpaand = functtion(xx,y,e) if(!exppand) initExppand(); expImg.stylee.leftt = (-1 * xx) * mmult + px; expImg.stylee.top = (-11 * y ) * mmult + px; if(!oppts.exxpand) | (!optss.expaand.idd) var aPoos = aabsoluutePoss(e); expand.stylee.leftt = aPPos.x + parrseFlooat(cll

39、ipWiddth) / 2 + 20 + px; expand.stylee.top = aPoos.y + px; /初始化放大大的div functioon iniitExpaand() if(optss.expaand & optss.expaand.idd) expand = _(oopts.eexpandd.id); else expand = doccumentt.creaateEleement(div); if(optss.expaand & optss.expaand.sttyle) for(varr p inn optss.expaand.sttyle) expand.sty

40、leep = optss.expaand.sttylepp; expand.stylee.bordder = 1px solidd #0000; expand.stylee.posiition = abbsolutte; expand.stylee.leftt =0; expand.stylee.righht = 0; expand.stylee.dispplay = bloock; documennt.boddy.apppendChhild(eexpandd); if(clipp.clieentWiddthcllip.cllientHHeightt) expand.stylee.widtth

41、 = cclip.cclienttWidthh + ppx; expand.stylee.heigght = clip.clienntWidtth * pparseFFloat(clipHHeightt) / pparseFFloat(clipWWidth) + ppx; else expand.stylee.heigght = clip.clienntHeigght + px; expand.stylee.widtth = cclip.cclienttHeighht * pparseFFloat(clipWWidth) / paarseFlloat(cclipHeeight) + ppx;

42、expand.stylee.zInddex = 4; expand.stylee.overrflow = hiidden; if(exppand.sstyle.posittion != reelativve) & (exxpand.stylee.posiition != aabsoluute) /变态的iee6和ie77的img如如果为rellativee,需要设置置其父节点也也为relaative,否则oveerfloww:hiddden无效 expand.stylee.posiition = reelativve; expand.stylee.leftt = 00; expand.styl

43、ee.top = 0; expImg = doccumentt.creaateEleement(img); expImg.src = beImmg.srcc; expImg.stylee.posiition = reelativve; expImg.stylee.leftt = 00px; expImg.stylee.top = 0ppx; expand.appenndChilld(exppImg); expImg.removveAttrributee(widdth); expImg.removveAttrributee(heiight); /计算图片放放大的倍数 var ew = exppa

44、nd.cclienttWidthh; var eh = exppand.cclienttHeighht; var cw = parrseFlooat(cllipWiddth); var ch = parrseFlooat(cllipHeiight); mult = (ew/ccw eeh/ch) ? eww/cw : eh/cch; /调整放大图图片的大小 expImg.stylee.widtth = bbeImg.clienntWidtth * mmult + px; expImg.stylee.heigght = beImgg.clieentHeiight * multt + ppx; c

45、over.oonmoussemovee = cllip.onnmouseemove = funnctionn(e) var e = e | evennt; var poss = laayerPoos(e); var x = pos.x; var y = pos.y; /判断x和yy坐标有没有有超出范围 var w = parsseFloaat(cliipWidtth) / 2,h = parsseFloaat(cliipHeigght) / 2; x = (x w)?w:x; y = (y warrp.cliientWiidth - w) ? (warrp.cliientWiidth - w)

46、 : x; y = (y warrp.cliientHeeight - h) ? (waarp.cllientHHeightt - h) : y; clip.sttyle.cclip = recct( + (y - h) + px, + (x + ww) + px, + (y + h) + pxx, + (x - w) + px); showExppand(xx - w,y - hh,e); warp.onnmouseeover = covver.onnmouseeover = cliip.onmmouseoover = funcction() /如果清除的的定时器存在在,则删除. if(cl

47、osseTimeeId) clearTiimeoutt(closseTimeeId); closeTiimeId = nulll; if(coveer.styyle.viisibillity = hhiddenn) cover.sstyle.visibbilityy = vvisiblle; if(expaand & expaand.sttyle.ddisplaay = nonne) expand.stylee.dispplay = bloock; warp.onnmouseeout = funcction() /延迟一定时时间后清除 closeTiimeId = settTimeoout(f

48、uunctioon() cover.sstyle.visibbilityy = hhiddenn; if(!oppts.exxpand) | (!optss.expaand.idd) expand.stylee.dispplay = nonne; ,130); return clear:ffunctiion() /在这里清除除放大镜效果果 warp.reemoveCChild(clip); warp.reemoveCChild(coverr); warp.onnmouseeout = nulll; if(!oppts.exxpand) | (!optss.expaand.idd) expand

49、.stylee.dispplay = nonne; $E(beerviarry:cuurrenttPic1,expaand:iid:exxpand,stylle:,clipp:widdth:550px,heighht:500px,opaciity:00.2); &nnbsp; &nbssp;&nbssp;注册网页代码 &nnbsp; &nbssp; 常大发饰官官方旗舰店 &nnbsp; (*号处处为必填项) 姓名:* 密码: * 简介: 城市: 厦门 泉州 三三明 福州州 &nbssp;&nbssp; 登陆网页代码无标题文档档 &nnbsp; &nbssp; 常大发饰官官方旗舰店 &nnbsp

50、;  p; accouunt : passsword: &nbssp; &nbssp; &nbssp; &nbssp;特效图片片切换 /图图片滚动列表表 menggjia 00709277 varr Speeed_1 = 10; /速度(毫秒) varr Spacce_1 = 40; /每次移移动(px) varr PageeWidthh_1 = 116 * 3; /翻页宽度度 varr inteerval_1 = 77000; /翻页间间隔 varr filll_1 = 0; /整体移位 varr MoveeLock_1 = ffalse; varr MoveeTimeOObj_1;

51、 varr MoveeWay_11=rigght; varr Compp_1 = 0; varr AutooPlayOObj_1=null; funnctionn GetOObj(obbjNamee)if(documment.ggetEleementBById)returrn evaal(doocumennt.gettElemeentByIId(+objNaame+)eelserreturnn evall(doccumentt.all.+objjName) funnctionn AutooPlay_1()cclearIIntervval(AuutoPlaayObj_1);AuutoPlaayO

52、bj_1=settInterrval(ISL_GGoDownn_1();ISL_SStopDoown_1();,iintervval_1) funnctionn ISL_GoUp_1()iif(MovveLockk_1)reeturn;clearrInterrval(AAutoPllayObjj_1);MMoveLoock_1=true;MoveWWay_1=leftt;MovveTimeeObj_11=setIIntervval(IISL_SccrUp_11();,Speedd_1); funnctionn ISL_StopUUp_1()if(MMoveWaay_1 = riight)ret

53、uurn;cclearIIntervval(MooveTimmeObj_1);iff(GettObj(ISL_CCont_11).sccrollLLeft-ffill_11)%PaggeWidtth_1!=0)Coomp_1=fill_1-(GeetObj(ISL_Cont_1).sscrolllLeft%PageWWidth_1);CoompScrr_1()elseMoveLLock_11=falsse AuttoPlayy_1() funnctionn ISL_ScrUpp_1()if(GeetObj(ISL_Cont_1).sscrolllLeft=0?filll_1:ffill_11+

54、1)!=0)Coomp_1=PageWWidth_1-GettObj(ISL_CCont_11).sccrollLLeft%PPageWiidth_11+filll_1;CoompScrr_1()elseMoveLLock_11=falsse AuttoPlayy_1() funnctionn ISL_ScrDoown_1()if(GetObbj(ISSL_Connt_1).scroollLefft=GeetObj(Listt1_1).scroollWiddth)GGetObjj(ISLL_Contt_1).scrolllLeftt=GetOObj(IISL_Coont_1).scrrollL

55、eeft-GeetObj(Listt1_1).scroollWiddth GettObj(ISL_CCont_11).sccrollLLeft+=Spacee_1 funnctionn ComppScr_11()iff(Compp_1=00)MovveLockk_1=faalse;rreturnn varr num,TempSSpeed=Speedd_1,TeempSpaace=Sppace_11;if(MMath.aabs(Coomp_1)PageeWidthh_1/2)TemppSpacee=Mathh.rounnd(Matth.abss(Compp_1/Sppace_11);iff(Te

56、mppSpacee1)TTempSppace=11 if(Comp_10)if(Coomp_1TempSSpace)Compp_1-=TTempSppace;nnum=TeempSpaaceellsenuum=Commp_1;CComp_11=0 GettObj(ISL_CCont_11).sccrollLLeft+=num;ssetTimmeout(ComppScr_11(),TTempSppeed) funnctionn picrrun_inni() GettObj(List22_1).innerrHTML=GetObbj(Liist1_11).innnerHTTML; GettObj(I

57、SL_CCont_11).sccrollLLeft=ffill_11=0?ffill_11:GetOObj(LList1_1).sscrolllWidthh-Mathh.abs(fill_1); GettObj(ISL_CCont_11).onnmouseeover=functtion()cleaarInteerval(AutoPPlayObbj_1) GettObj(ISL_CCont_11).onnmouseeout=ffunctiion()AutoPPlay_11() AuttoPlayy_1(); /产产品展示滚动动图片结束 / 特效-放大镜镜 .img_waarp wwidth:31

58、8pxx; _heeight:199pxx; _ovverfloow:hiddden; bordeer:1pxx soliid #cccc;paddding:0px;mmarginn-leftt:0px; marggin-toop:0pxx; possitionn:absoolute;top:00px; lleft:00px; .img_waarppoositioon:rellativee;top:0px; left:0px;/*curssor:crrosshaair*/ .img_waarp .ccurrennt wiidth:3318px;heighht:1999px var $E = f

59、unnctionn(optss) functioon _(oobjId)retuurn (ttypeoff objIId = strring)?docuument.getEllementtById(objIdd):objjId; var beIImg,exxpand,clip,coverr,warpp,expIImg; var cliipWidtth,cliipHeigght; var clooseTimmeId = nulll; var mullt = 11; /图图片放大倍数数,根据裁剪剪框和放大后后图片容器的的大小自动调调整 /init (functiion() beImg = _(op

60、pts.beerviarry); warp = beImgg.pareentNodde; cover = docuument.creatteElemment(div); warp.apppendCChild(coverr); cover.sstyle.posittion = abssolutee; cover.sstyle.top = 0pxx; cover.sstyle.left = 0ppx; cover.sstyle.backggrounddColorr = #ccc; var opaac = pparseFFloat(opts.opaciity) | 0.33; cover.sstyl