《网页菜单特效代码.doc》由会员分享，可在线阅读，更多相关《网页菜单特效代码.doc（66页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、自动收缩导航!-将以下代码参加HTML的之间-ie=document.all?1:0n=document.layers?1:0lshow=60var move=10;menuSpeed=40var moveOnScroll=truevar tim;var ltop;function makeMenu(obj,nest) nest=(!nest) ? :document.+nest+. this.css=(n) ? eval(nest+document.+obj):eval(obj+.style) this.state=1 this.go=0 this.width=n?this.css.docu
2、ment.width:eval(obj+.offsetWidth) this.left=b_getleft this.obj = obj + Object; eval(this.obj + =this)function b_getleft() var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft); return gleft;function moveMenu() if(!oMenu.state) clearTimeout(tim) mIn() else clearTimeout(tim) mOut() function mIn
3、() if(oMenu.left()-oMenu.width+lshow) oMenu.go=1 oMenu.css.left=oMenu.left()-move tim=setTimeout(mIn(),menuSpeed) else oMenu.go=0 oMenu.state=1 function mOut() if(oMenu.left()0) oMenu.go=1 oMenu.css.left=oMenu.left()+move tim=setTimeout(mOut(),menuSpeed) else oMenu.go=0 oMenu.state=0 function checkS
4、crolled() if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop if(n) setTimeout(checkScrolled(),30)function menuInit() oMenu=new makeMenu(divMenu) scrolled=n?window.pageYOffset:document.body.scrollTop oMenu.css.left=-oMenu.width+lshow ltop=(n)?oMenu.css.top:oMenu.css.pixelTop; oMenu.css.visibility=visibl
5、e if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();onload=menuInit; 网页特效梦工厂-天空下载-大富翁论坛-Codelphi-好123- - 导航菜单滑动导航菜单代码!-将以下代码参加HTML的之间-function MM_displayStatusMsg(msgStr) status=msgStr; document.MM_returnValue = true;function highlight(x)document.formsx.elements0.focus()document.form
6、sx.elements0.select()function MM_jumpMenu(targ,selObj,restore) eval(targ+.location=+selObj.optionsselObj.selectedIndex.value+); if (restore) selObj.selectedIndex=0;var NSIE=document.all;NS=document.layers;hdrFontFamily=Verdana;hdrFontSize=2;hdrFontColor=white;hdrBGColor=#666666;linkFontFamily=Verdan
7、a;linkFontSize=2;linkBGColor=white;linkOverBGColor=#CCCCCC;linkTarget=_top;YOffset=60;staticYOffset=20;menuBGColor=black;menuIsStatic=no;menuHeader=欢送光临menuWidth=150; / Must be a multiple of 5!staticMode=advancedbarBGColor=#1298fd;barFontFamily=Verdana;barFontSize=2;barFontColor=white;barText=导航菜单fu
8、nction moveOut() if (window.cancel) cancel=;if (window.moving2) clearTimeout(moving2); moving2=;if (IE & ssm2.style.pixelLeft0)|(NS & document.ssm2.left(-menuWidth)|(NS & document.ssm2.left(-150) if (IE) ssm2.style.pixelLeft -= (5%menuWidth);if (NS) document.ssm2.left -= (5%menuWidth);moving2 = setT
9、imeout(moveBack1(), 5) else clearTimeout(moving2) ;lastY = 0;function makeStatic(mode) if (mode=smooth) if (IE|NS) & winY!=lastY) smooth = .2 * (winY - lastY); if(smooth 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); if (IE) NM.pixelTop+=smooth; if (NS) NM.top+=smooth; lastY = last
10、Y+smooth;setTimeout(makeStatic(smooth), 1)else if (mode=advanced) if (IE|NS) & winYYOffset-staticYOffset) if (IE) NM.pixelTop=winY+staticYOffset if (NS) NM.top=winY+staticYOffset else if (IE) NM.pixelTop=YOffset if (NS) NM.top=YOffset-7 setTimeout(makeStatic(advanced), 1) function init() if (IE) ssm
11、2.style.pixelLeft = -menuWidth;ssm2.style.visibility = visibleelse if (NS) document.ssm2.left = -menuWidth;document.ssm2.visibility = showelse alert(Choose either the smooth or advanced static modes!)function MM_displayStatusMsg(msgStr) status=msgStr; document.MM_returnValue = true; if (IE) document
12、.write()if (NS) document.write()tempBar=for (i=0;ibarText.length;i+) tempBar+=barText.substring(i, i+1)+document.write( +menuHeader+tempBar+)function addItem(text, link, target) if (!target) target=linkTargetdocument.write( +text+)function addHdr(text) document.write( +text+)addItem(网页特效梦工厂, :/ 7stk
13、 /touxiao, );addItem(天空下载, :/ skycn , );addHdr(友情连接);addItem(大富翁论坛, :/ 163 , );addItem(Codelphi, :/ 163 , );addItem(中国软件, :/ , );document.write( )if (IE) document.write()if (NS) document.write()if (IE|NS) & (menuIsStatic=yes&staticMode) makeStatic(staticMode); window.onload=init 滚动链接导航代码脚本说明:把如下代码参加
14、区域中 var scrollerwidth=115var scrollerheight=131var scrollerbgcolor=#FFFFFF/3000 miliseconds=9 secondsvar pausebetweenimages=4000var slideimages=new Array()slideimages0=中文雅虎首都在线网络特区风 云 居slideimages1=你的链接你的链接你的链接你的链接slideimages2=中文雅虎首都在线网络特区你的链接slideimages3=你的链接你的链接你的链接你的链接 if (slideimages.length1)i=2
15、elsei=0function move1(whichlayer)tlayer=eval(whichlayer)if (tlayer.top0&tlayer.top=tlayer.document.height*-1)tlayer.top-=4setTimeout(move1(tlayer),100)elsetlayer.top=scrollerheighttlayer.document.write(slideimagesi)tlayer.document.close()if (i=slideimages.length-1)i=0elsei+function move2(whichlayer)
16、tlayer2=eval(whichlayer)if (tlayer2.top0&tlayer2.top=tlayer2.document.height*-1)tlayer2.top-=4setTimeout(move2(tlayer2),100)elsetlayer2.top=scrollerheighttlayer2.document.write(slideimagesi)tlayer2.document.close()if (i=slideimages.length-1)i=0elsei+function move3(whichdiv)tdiv=eval(whichdiv)if (tdi
17、v.style.pixelTop0&tdiv.style.pixelTop=tdiv.offsetHeight*-1)tdiv.style.pixelTop-=4setTimeout(move3(tdiv),100)elsetdiv.style.pixelTop=scrollerheighttdiv.innerHTML=slideimagesiif (i=slideimages.length-1)i=0elsei+function move4(whichdiv)tdiv2=eval(whichdiv)if (tdiv2.style.pixelTop0&tdiv2.style.pixelTop=
18、tdiv2.offsetHeight*-1)tdiv2.style.pixelTop-=4setTimeout(move4(second2),100)elsetdiv2.style.pixelTop=scrollerheighttdiv2.innerHTML=slideimagesiif (i=slideimages.length-1)i=0elsei+function startscroll()if (document.all)move3(first2)second2.style.top=scrollerheightelse if (document.layers)move1(documen
19、t.main.document.first)document.main.document.second.top=scrollerheight+5document.main.document.second.visibility=showwindow.onload=startscrollif (document.layers)document.write(slideimages0)if (document.layers)document.write(slideimages1)if (document.layers)document.write(slideimages0)if (document.a
20、ll)document.writeln()document.writeln()document.writeln()document.write(slideimages0)document.writeln()document.writeln()document.write(slideimages1)document.writeln()document.writeln()document.writeln()QQ菜单代码特效网页特效- 模拟QQ菜单效果A:link COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: noneA:visited COLO
21、R: #000000; FONT-SIZE: 12px; TEXT-DECORATION: noneA:hover COLOR: #006CD9; FONT-SIZE: 12px; TEXT-DECORATION: noneBODY FONT-SIZE: 12px;TD FONT-SIZE: 12px; line-height: 150%!-function showitem(id,name)return (+name+)function switchoutlookBar(number)var i = outlookbar.opentitle;outlookbar.opentitle=numb
22、er;var id1,id2,id1b,id2bif (number!=i & outlooksmoothstat=0)if (number!=-1)if (i=-1)id2=blankdiv;id2b=blankdiv;elseid2=outlookdiv+i;id2b=outlookdivin+i;document.all(outlooktitle+i).style.border=1px none navy;document.all(outlooktitle+i).style.background=outlookbar.maincolor;document.all(outlooktitle+i).style.color=#ffffff;document.all(outlooktitle+i).style.textalign=center;id1=outlookdiv+numberid1b=outlookdivin+numberdocument.all(outlooktitle+number).style.border=1px n