网页制作特效特效代码.docx
- 文档编号:7536043
- 上传时间:2023-05-11
- 格式:DOCX
- 页数:82
- 大小:40.84KB
网页制作特效特效代码.docx
《网页制作特效特效代码.docx》由会员分享,可在线阅读,更多相关《网页制作特效特效代码.docx(82页珍藏版)》请在冰点文库上搜索。
网页制作特效特效代码
网页制作特效——网页特效
(1)导航菜单:
文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载
(2)出发导航菜单:
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部分-->
functionsecBoard(n)
{
for(i=0;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部分--> (1)width="10%">关于cells集合 (2)width="10%">关于tBodies集合 --关于TBODY标记--> block"> TBODY要素是块要素,并且需要结束标 签。 要素,该要素也提供给所有表。 参考: 《动态HTML参考和开发应用大全》(人民邮电出 版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司 译) ODY> BODY> --关于cells集合--> none"> align=middle> cellPadding=0width=490border=0> 表中所有单元格的集合。 《动态HTML参考和开发应 用大全》(人民邮电出版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司 译) ODY> BODY> --关于tBodies集合--> none"> align=middle> cellPadding=0width=490border=0> 对象的集合。 对象在该集合中按照HTML源顺序排列。 《动态HTML参考和开发应用大全》(人民邮电出版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司 译) ODY> BODY> --关于display属性--> none"> align=middle> cellPadding=0width=490border=0> 是否被提供。 inline、list-item、table-header-group、table- footer-group。 值为block,内联要素默认值为inline;层叠样式表 (CSS)属性不可继承。 《 动态HTML参考和开发应用大全》(人民邮电出版社 MicrosoftCorporation著 北京华中兴业科技发展有限公司译) href="target=_blank>点击此处 ; t; (3)下拉菜单: 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 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+mmenuadju 如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。指定行做为表体。
注释:
即使如果表格没有显式定义TBODY检索表行或者整个
应用于TR、TABLE。
参考:检索表中所有TBODY
应用于TABLE。
参考:设置或者检索对象
可能的值为block、none、
该特性可读写,块要素默认
参考: