网页制作特效特效代码.docx
- 文档编号:30598921
- 上传时间:2023-08-18
- 格式:DOCX
- 页数:110
- 大小:58.18KB
网页制作特效特效代码.docx
《网页制作特效特效代码.docx》由会员分享,可在线阅读,更多相关《网页制作特效特效代码.docx(110页珍藏版)》请在冰豆网上搜索。
网页制作特效特效代码
网页制作特效-—网页特效
(1)导航菜单:
〈html〉
〈metahttp—equiv="Content—Language"content="zh—cn”〉
〈metahttp—equiv=”refresh”content="0;URL=http:
//
〈title>仿网页特效观止首页栏目切换滑动门效果
〈/head〉
文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载
〈/html〉
(2)出发导航菜单:
〈html〉
〈head〉
〈/head〉
〈body>
BORDER-RIGHT: gray1pxsolid;BORDER-TOP: #ffffff1pxsolid;BORDER-LEFT: #ffffff1px solid;CURSOR: hand;COLOR: #000000;BORDER- BOTTOM: #ffffff1pxsolid;BACKGROUND-COLOR: #eeeeee } .sec2{ BORDER—RIGHT: gray1pxsolid;BORDER-TOP: #ffffff1pxsolid;FONT—WEIGHT: bold;BORDER- LEFT: #ffffff1pxsolid;CURSOR: hand;COLOR: #000000;BACKGROUND-COLOR: #d4d0c8 } .main_tab{ BORDER-RIGHT: gray1pxsolid;BORDER— LEFT: #ffffff1pxsolid;COLOR: #000000;BORDER- BOTTOM: gray1pxsolid;BACKGROUND-COLOR: #d4d0c8 } -—JavaScript部分—-〉 〈SCRIPTlanguage=javascript〉 functionsecBoard(n) { for(i=0;i〈secTable。 cells。 length;i++) secTable。 cells [i].className=”sec1”; secTable。 cells[n].className=”sec2”; for(i=0;i mainTable.tBodies [i].style.display=”none"; mainTable.tBodies [n].style。 display="block”; } --HTML部分—-〉 〈TABLEid=secTablecellSpacing=0cellPadding=0width=549border=0〉 〈TDclass=sec2onclick=secBoard(0)width="10%”〉关于TBODY标记 〈TDclass=sec1onclick=secBoard (1)width="10%">关于cells集合 (2)width=”10%”>关于tBodies集合 〈TDclass=sec1onclick=secBoard(3)width=”10%”>关于display属性〈/TD〉〈/TABLE〉 〈TABLEclass=main_tabid=mainTableheight=240cellSpacing=0cellPadding=0width=549border=0〉<! --关于TBODY标记--> block”〉 〈TDvAlign=topalign=middle〉〈BR> 〈TBODY> 〈TR> 〈TD>指定行做为表体。 〈BR〉注释: TBODY要素是块要素,并且需要结束标 签。 要素,该要素也提供给所有表。 〈BR〉 参考: 《动态HTML参考和开发应用大全》(人民邮电出 版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司 译) 〈BR〉〈BR>〈/TD> ODY〉〈/TABLE〉〈/TD> BODY>〈! --关于cells集合-—〉 none"> 〈TDvAlign=top align=middle〉 cellPadding=0width=490border=0> 〈TR〉 〈TD>检索表行或者整个 表中所有单元格的集合。 〈BR>〈BR〉参考: 《动态HTML参考和开发应 用大全》(人民邮电出版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司 译) 〈BR〉 ODY〉 BODY〉<! -—关于tBodies集合—-> 〈TBODYstyle=”DISPLAY: none"〉 〈TR> align=middle〉〈BR> 〈TABLEcellSpacing=0 cellPadding=0width=490border=0> 〈TBODY〉 〈TR> 〈TD>检索表中所有TBODY 对象的集合。 对象在该集合中按照HTML源顺序排列。 〈BR〉应用于TABLE。 〈BR> 《动态HTML参考和开发应用大全》(人民邮电出版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司 译) ODY〉 BODY> ——关于display属性--〉 none”> 〈TR> 〈TDvAlign=top align=middle>〈BR〉 〈TABLEcellSpacing=0 cellPadding=0width=490border=0〉 〈TD>设置或者检索对象 是否被提供。 inline、list-item、table-header-group、table- footer-group。 值为block,内联要素默认值为inline;层叠样式表 (CSS)属性不可继承。 《 动态HTML参考和开发应用大全》(人民邮电出版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司译) href=”target=_blank〉点击此处 〈/A〉可参阅微软 //msdn。 microsoft。 com/”target=_blank>MSDN在线 〈/TD>〈/TR〉〈/TBODY〉 ; t;〈/body〉 〈/html〉 (3)下拉菜单: 〈html> 〈head> 〈title>网页特效代码|JsCode.CN|—-—非常棒的绿色下拉透明菜单 〈body〉 〈scriptlanguage="JavaScript"〉 varmmenus=newArray(); varmisShow=newBoolean(); misShow=false; varmisdown=newBoolean(); misdown=false; varmnumberofsub=0; varmusestatus=false; varmpopTimer=0; mmenucolor=’#89CB10’;mfontcolor=’MenuText’;mmenuoutcolor=’#ADEF34’;mmenuincolor='#B5E74E’;mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor=’#5A2614';mmidoutcolor='#A9DA1D’;mmidincolor='#799310’;mmenuovercolor='#004080';mitemedge=’0';msubedge='1’;mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts=’font—family: 宋体;font—size: 9pt;color: MenuText;’;mcursor='hand'; varswipeSteps=4; varswipemsec=25; varswipeArray=newArray(); functionswipe(el,dir,steps,msec){ if(steps==null)steps=swipeSteps; if(msec==null)msec=swipemsec; if(el。 swipeIndex==null) el.swipeIndex=swipeArray.length; if(el。 swipeTimer! =null) window。 clearTimeout(el。 swipeTimer); swipeArray[el。 swipeIndex]=el; el.style。 clip="rect(-99999,99999,99999,—99999)"; if(el。 swipeCounter==null||el.swipeCounter==0){ el。 orgLeft=el。 offsetLeft; el.orgTop=el.offsetTop; el。 orgWidth=el.offsetWidth; el.orgHeight=el.offsetHeight; } el。 swipeCounter=steps; el.style。 clip="rect(0,0,0,0)"; window。 setTimeout("repeat("+dir+","+el.swipeIndex+","+steps+",”+msec+")”,msec); } functionrepeat(dir,index,steps,msec){ el=swipeArray[index]; varleft=el.orgLeft; vartop=el。 orgTop; varwidth=el.orgWidth; varheight=el。 orgHeight; if(el。 swipeCounter==0){ el.style。 clip="rect(—99999,99999,99999,-99999)"; return; } else{ el。 swipeCounter--; el。 style.visibility="visible”; switch(dir){ case2: el.style.clip="rect(”+height*el.swipeCounter/steps+”,"+width+","+height+”,”+0+”)"; el.style.top=top-height*el.swipeCounter/steps; break; case8: el。 style。 clip="rect("+0+",”+width+”,"+height*(steps—el.swipeCounter)/steps+”,”+0+”)"; el。 style。 top=top+height*el.swipeCounter/steps; break; case6: el。 style。 clip=”rect(”+0+”,"+width+","+height+”,"+width*(el.swipeCounter)/steps+”)"; el.style。 left=left—width*el.swipeCounter/steps; break; case4: el.style。 clip="rect(”+0+",”+width*(swipeSteps-el。 swipeCounter)/steps+”,"+height+",”+0+")"; el.style.left=left+width*el。 swipeCounter/steps; break; } el.swipeTimer=window。 setTimeout("repeat(”+dir+","+index+","+steps+",”+msec+")”,msec); } } varmtmpleft=””; varmtmptop="”; functionhideSwipe(el){ window。 clearTimeout(el.swipeTimer); el。 style。 visibility="hidden”; el.style.clip=”rect(—99999,99999,99999,—99999)"; el。 swipeCounter=0; if(mtmpleft! =”")el。 style。 left=mtmpleft; if(mtmptop! =””)el。 style。 top=mtmptop; } functionstoperror(){ returntrue; } window.onerror=stoperror; functionmpopOut(){ mpopTimer=setTimeout('mallhide()',500); } functiongetReal(el,type,value){ temp=el; while((temp! =null)&&(temp。 tagName! =”BODY”)){ if(eval(”temp。 "+type)==value){ el=temp; returnel; } temp=temp。 parentElement; } returnel; } functionmMenuRegister(menu) { mmenus[mmenus.length]=menu return(mmenus。 length-1) } functionmMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){ this。 items=newArray(); this。 caption=caption; mand=command; this。 target=target; this。 isline=isline; this。 statustxt=statustxt; if(level! =null){mnumberofsub++; this.hasc=mnumberofsub;} this。 level=level; this.img=img; this。 sizex=sizex; this。 sizey=sizey; this.pos=pos; } functionmMenu(caption,command,target,img,sizex,sizey,pos){ this。 items=newArray(); this.caption=caption; mand=command; this。 target=target; this。 img=img; this。 sizex=sizex; this。 sizey=sizey; this.pos=pos; this.id=mMenuRegister(this); } functionmMenuAddItem(item) { this。 items[this。 items。 length]=item item.parent=this。 id; this.children=true; } mMenu.prototype.addItem=mMenuAddItem; mMenuItem。 prototype.addsubItem=mMenuAddItem; functionmtoout(src){ src。 style。 borderLeftColor=mmenuoutbordercolor; src.style。 borderRightColor=mmenuinbordercolor; src.style。 borderTopColor=mmenuoutbordercolor; src.style.borderBottomColor=mmenuinbordercolor; src。 style。 backgroundColor=mmenuoutcolor; src。 style。 color=mmenuovercolor; } functionmtoin(src){ src。 style.borderLeftColor=mmenuinbordercolor; src.style。 borderRightColor=mmenuoutbordercolor; src.style。 borderTopColor=mmenuinbordercolor; src.style.borderBottomColor=mmenuoutbordercolor; src。 style。 backgroundColor=mmenuincolor; src。 style.color=mmenuovercolor; } functionmnochange(src){ src。 style。 borderLeftColor=mmenucolor; src。 style。 borderRightColor=mmenucolor; src.style.borderTopColor=mmenucolor; src.style。 borderBottomColor=mmenucolor; src。 style。 backgroundColor=’’; src.style.color=mfontcolor; } functionmallhide(){ for(varnummenu=0;nummenu〈mmenus。 length;nummenu++){ varthemenu=document.all['mMenu’+nummenu] varthemenudiv=document。 all[’mmenudiv'+nummenu] mnochange(themenu); mmenuhide(themenudiv); } for(nummenu=1;nummenu〈=mnumberofsub;nummenu++){ varthesub=document。 all[’msubmenudiv’+nummenu] msubmenuhide(thesub); mnochange(document.all['mp'+nummenu]); document。 all[”mitem”+nummenu]。 style.color=mfontcolor; } } functionmmenuhide(menuid){ menuid.style.filter='Alpha(Opacity=100)’; hideSwipe(menuid); misShow=false; } functionmsubmenuhide(menuid){ menuid.style.filter=’Alpha(Opacity=100)'; menuid。 style。 visibility='hidden'; } functionmmenushow(menuid,pid){ menuid.style。 filter='Alpha(Opacity=80)’; menuid。 style.left=mposflag。 offsetLeft+pid.offsetLeft+mmenuadjust;menuid。 style。 top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuad 如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。 copyright@ 2008-2022 冰点文档网站版权所有 经营许可证编号:鄂ICP备2022015515号-1 〈/TB
即使如果表格没有显式定义TBODY
〈/TD〉
〈BR>〈/TR〉 〈/TABLE&g
可能的值为block、none、
参考:
〈BR〉