网页制作特效——特效代码.doc

网页制作特效网页特效（1）导航菜单:仿网页特效观止首页栏目切换滑动门效果文件较多，查看演示请直接点击下面的 预览效果，下载该特效请点击上处链接下载(2)出发导航菜单：网页特效代码|JsCode.CN|-经典实用的触发型导航菜单.sec1 BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #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: #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=block; 关于TBODY标记 关于cells集合 关于tBodies集合 关于display属性 指定行做为表体。注释：TBODY要素是块要素，并且需要结束标签。即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译） 检索表行或者整个表中所有单元格的集合。应用于TR、TABLE。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译） 检索表中所有TBODY对象的集合。对象在该集合中按照HTML源顺序排列。应用于TABLE。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译） 设置或者检索对象是否被提供。可能的值为block、none、inline、list-item、table-header-group、table-footer-group。该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表（CSS）属性不可继承。参考：动态HTML参考和开发应用大全（人民邮电出版社 Microsoft Corporation著 北京华中兴业科技发展有限公司译）点击此处可参阅微软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;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;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.clearTimeout(el.swipeTimer);swipeArrayel.swipeIndex = el;el.style.clip = rect(-99999, 99999, 99999, -99999);if (el.swipeCounter = null | el.swipeCounter = 0) Left = el.offsetLeft;Top = el.offsetTop;Width = el.offsetWidth;Height = el.offsetHeight;el.swipeCounter = steps;el.style.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 = Left;var top = Top;var width = Width;var height = Height;if (el.swipeCounter = 0) el.style.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.clip = 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;case 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 hideSwipe(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() 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.length - 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.img=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 mMenuAddItem(item) this.itemsthis.items.length = item item.parent = this.id; this.children=true;mMtotype.addItem = mMenuAddItem;mMenuItotype.addsubItem = mMenuAddItem;function mtoout(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;function mtoin(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;function mnochange(src)src.style.borderLeftColor=mmenucolor;src.style.borderRightColor=mmenucolor;src.style.borderTopColor=mmenucolor;src.style.borderBottomColor=mmenucolor;src.style.backgroundColor=;src.style.color=mfontcolor;function mallhide()for(var nummenu=0;nummenummenus.length;nummenu+)var themenu=document.allmMenu+nummenuvar themenudiv=document.allmmenudiv+nummenu mnochange(themenu); mmenuhide(themenudiv); for(nummenu=1;nummenudocument.body.clientWidth+document.body.scrollLeft)menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;mtmpleft=menuid.style.left;mtmptop=menuid.style.top;swipe(menuid,2,4);misShow=true;function mshowsubmenu(menuid,pid,rid)menuid.style.filter=Alpha(Opacity=80);menuid.style.left=pid.offsetWidth+rid.offsetLeft;menuid.style.top=pid.offsetTop+rid.offsetTop-3;if(mmenuitemwidth+parseInt(menuid.style.left)document.body.clientWidth+document.body.scrollLeft)menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;menuid.style.visibility=visible;function mmenu_over(menuid,x)toel = getReal(window.event.toElement, className, coolButton);fromel = getReal(window.event.fromElement, className, coolButton);if (toel = fromel) return;if(x0) misShow = false; mallhide(); mtoout(eval(mMenu+x);else mallhide(); mtoin(eval(mMenu+x); mmenushow(menuid,eval(mMenu+x);clearTimeout(mpopTimer);function mmenu_out(x)toel = getReal(window.event.toElement, className, coolButton);fromel = getReal(window.event.fromElement, className, coolButton);if (toel = fromel) return;if (misShow)mtoin(eval(mMenu+x);elsemnochange(eval(mMenu+x);mpopOut()function mmenu_down(menuid,x) if(misShow) mmenuhide(menuid); mtoout(eval(mMenu+x); else mtoin(eval(mMenu+x); mmenushow(menuid,eval(mMenu+x); misdown=true; function mmenu_up() misdown=false;function mmenuitem_over(menuid,item,x,j,i)toel = getReal(window.event.toElement, className, coolButton);fromel = getReal(window.event.fromElement, className, coolButton);if (toel = fromel) return;srcel = getReal(window.event.srcElement, className, coolButton); for(nummenu=1;nummenu=thesub.style.tag) msubmenuhide(thesub); mnochange(document.allmp+nummenu); document.allmitem+nummenu.style.color=mfontcolor; if(item)document.allmitem+item.style.color=mmenuovercolor;if(misdown|item)mtoin(srcel);elsemtoout(srcel);if(x=-1)mthestatus=eval(msub+j).itemsi.statustxt;if(j=-1)mthestatus=mmenusx.itemsi.statustxt;if(mthestatus!=)musestatus=true;window.status=mthestatus;clearTimeout(mpopTimer);function mmenuitem_out(hassub)toel = getReal(window.event.toElement, className, coolButton);fromel = getReal(window.event.fromElement, className, coolButton);if (toel = fromel) return;srcel = getReal(window.event.srcElement, className, coolButton);if(!hassub)mnochange(srcel);if(musestatus)window.status=;mpopOut()function mmenuitem_down()srcel = getReal(window.event.srcElement, className, coolButton);mtoin(srcel)misdown=true;function mmenuitem_up()srcel = getReal(window.event.srcElement, className, coolButton);mtoout(srcel)misdown=false;function mexec3(j,i)var cmd;if(eval(msub+j).itemsi.target=blank) cmd = window.open(+eval(msub+j).mand+);else cmd = eval(msub+j).itemsi.target+.location=+eval(msub+j).mand+;eval(cmd);function mexec2(x)var cmd;if(mmenusx.target=blank) cmd = window.open(+mand+);else cmd = mmenusx.target+.location=+mand+;eval(cmd);function mexec(x,i)var cmd;if(mmenusx.itemsi.target=blank) cmd = window.open(+mand+);else cmd = mmenusx.itemsi.target+.location=+mand+;eval(cmd);function mbody_click()if (misShow)srcel = getReal(window.event.srcElement, className, coolButton);for(var x=0;x=m