网页制作特效特效代码.docx

1、网页制作特效特效代码网页制作特效网页特效（1）导航菜单:meta http-equiv=refresh content=0;URL=仿网页特效观止首页栏目切换滑动门效果文件较多，查看演示请直接点击下面的 预览效果，下载该特效请点击上处链接下载(2)出发导航菜单：网页特效代码|JsCode.CN|-经典实用的触发型导航菜单.sec1 BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOT

2、TOM: #ffffff 1px solid; BACKGROUND-COLOR: #eeeeee.sec2 BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8.main_tab BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR:

3、 #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8 function secBoard(n) for(i=0;isecTable.cells.length;i+) secTable.cellsi.className=sec1; secTable.cellsn.className=sec2; for(i=0;imainTable.tBodies.length;i+) mainTable.tBodiesi.style.display=none; mainTable.tBodiesn.style.display=blo

4、ck; 关于TBODY标记 关于cells集合 关于tBodies集合 关于display属性 指定行做为表体。注释：TBODY要素是块要素，并且需要结束标签。即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译） 检索表行或者整个表中所有单元格的集合。应用于TR、TABLE。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译） 检索表中所有TBODY对象的集合。对象在该集合中

5、按照HTML源顺序排列。应用于TABLE。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译） 设置或者检索对象是否被提供。可能的值为block、none、inline、list-item、table-header-group、table-footer-group。该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表（CSS）属性不可继承。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译）点击此处可参阅微软

6、MSDN在线上的解释。 ;/TABLE>（3）下拉菜单：网页特效代码|JsCode.CN|-非常棒的绿色下拉透明菜单var mmenus = new Array();var misShow = new Boolean(); misShow=false;var misdown = new Boolean();misdown=false;var mnumberofsub=0;var musestatus=false;var mpopTimer = 0;mmenucolor=#89CB10;mfontcolor=MenuText;mmenuoutcolor=#ADEF34;mmenuincol

7、or=#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: Men

8、uText; ;mcursor=hand;var swipeSteps = 4;var swipemsec = 25;var swipeArray = new Array();function swipe(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.clearTi

9、meout(el.swipeTimer); swipeArrayel.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.st

10、yle.clip = rect(0,0,0,0); window.setTimeout(repeat( + dir + , + el.swipeIndex + , + steps + , + msec + ), msec);function repeat(dir, index, steps, msec) el = swipeArrayindex; var left = el.orgLeft; var top = el.orgTop; var width = el.orgWidth; var height = el.orgHeight; if (el.swipeCounter = 0) el.s

11、tyle.clip = rect(-99999, 99999, 99999, -99999); return; else el.swipeCounter-; el.style.visibility = visible; switch (dir) case 2: el.style.clip = rect( + height*el.swipeCounter/steps + , + width + , + height + , + 0 + ); el.style.top = top - height*el.swipeCounter/steps; break; case 8: el.style.cli

12、p = rect( + 0 + , + width + , + height*(steps-el.swipeCounter)/steps + , + 0 + ); el.style.top = top + height*el.swipeCounter/steps; break; case 6: el.style.clip = rect( + 0 + , + width + , + height + , + width*(el.swipeCounter)/steps + ); el.style.left = left - width*el.swipeCounter/steps; break; c

13、ase 4: 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); var mtmpleft=;var mtmptop=;function hi

14、deSwipe(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;function stoperror()return true;window.onerror=stoperror;function mpopOut

15、() mpopTimer = setTimeout(mallhide(), 500);function getReal(el, type, value) temp = el; while (temp != null) & (temp.tagName != BODY) if (eval(temp. + type) = value) el = temp; return el; temp = temp.parentElement; return el;function mMenuRegister(menu) mmenusmmenus.length = menu return (mmenus.leng

16、th - 1)function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos) this.items = new Array(); 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.im

17、g=img; this.sizex=sizex; this.sizey=sizey; this.pos=pos;function mMenu(caption,command,target,img,sizex,sizey,pos) this.items = new Array(); this.caption=caption; mand=command; this.target=target; this.img=img; this.sizex=sizex; this.sizey=sizey; this.pos=pos; this.id=mMenuRegister(this);function mM

18、enuAddItem(item) this.itemsthis.items.length = item item.parent = this.id; this.children=true;mMenu.prototype.addItem = mMenuAddItem;mMenuItem.prototype.addsubItem = mMenuAddItem;function mtoout(src)src.style.borderLeftColor=mmenuoutbordercolor;src.style.borderRightColor=mmenuinbordercolor;src.style

19、.borderTopColor=mmenuoutbordercolor;src.style.borderBottomColor=mmenuinbordercolor;src.style.backgroundColor=mmenuoutcolor;src.style.color=mmenuovercolor;function mtoin(src)src.style.borderLeftColor=mmenuinbordercolor;src.style.borderRightColor=mmenuoutbordercolor;src.style.borderTopColor=mmenuinbor

20、dercolor;src.style.borderBottomColor=mmenuoutbordercolor;src.style.backgroundColor=mmenuincolor;src.style.color=mmenuovercolor;function mnochange(src)src.style.borderLeftColor=mmenucolor;src.style.borderRightColor=mmenucolor;src.style.borderTopColor=mmenucolor;src.style.borderBottomColor=mmenucolor;

21、src.style.backgroundColor=;src.style.color=mfontcolor;function mallhide() for(var nummenu=0;nummenummenus.length;nummenu+) var themenu=document.allmMenu+nummenu var themenudiv=document.allmmenudiv+nummenu mnochange(themenu); mmenuhide(themenudiv); for(nummenu=1;nummenu=mnumberofsub;nummenu+) var the

22、sub=document.allmsubmenudiv+nummenu msubmenuhide(thesub); mnochange(document.allmp+nummenu); document.allmitem+nummenu.style.color=mfontcolor; function mmenuhide(menuid)menuid.style.filter=Alpha(Opacity=100);hideSwipe(menuid);misShow=false;function msubmenuhide(menuid)menuid.style.filter=Alpha(Opacity=100);menuid.style.visibility=hidden;function mmenushow(menuid,pid)menuid.style.filter=Alpha(Opacity=80);menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadju