漂亮的动感滑动顶层菜单.doc

pngbt*margin:0;padding:0;font-size:14px;font-weight:bold;bodybackground:url(/demo/200/img/1.jpg)repeat;.wrapmargin:100pxauto;width:600px;height:54px;position:relative;.btbgwidth:100px;height:56px;overflow:hidden;text-align:center;position:absolute;.btcenterwidth:100px;height:56px;.btrightwidth:11px;height:56px;overflow:hidden;position:absolute;top:0;right:0;.btleftwidth:89px;height:56px;overflow:hidden;top:0;left:0;position:absolute;.navwidth:600px;height:56px;overflow:hidden;position:absolute;.navullist-style:none;.navullifloat:left;line-height:56px;.navulliapadding:030px;height:56px;line-height:56px;text-decoration:none;color:#FC0;display:inline-block;functioncorrectPNG()/correctlyhandlePNGtransparencyinWinIE5.5&6.vararVersion=navigator.appVersion.split(MSIE)varversion=parseFloat(arVersion1)if(version=5.5)&(document.body.filters)for(varj=0;jdocument.images.length;j+)varimg=document.imagesjvarimgName=img.src.toUpperCase()if(imgName.substring(imgName.length-3,imgName.length)=PNG)varimgID=(img.id)?id=+img.id+:varimgClass=(img.className)?class=+img.className+:varimgTitle=(img.title)?title=+img.title+:title=+img.alt+varimgStyle=display:inline-block;+img.style.cssTextif(img.align=left)imgStyle=float:left;+imgStyleif(img.align=right)imgStyle=float:right;+imgStyleif(img.parentElement.href)imgStyle=cursor:hand;+imgStylevarstrNewHTML=img.outerHTML=strNewHTMLj=j-1if(window.attachEvent)window.attachEvent(onload,correctPNG);导航1导航2长长长长导航3导航4/*PowerByMulder*/*qq:10241408*/$(document).ready(function()varsw=$(.navulli:eq(0).width();$(.btleft).width(sw-11);$(.btbg).width(sw);varthisindex=0;btbgMove(thisindex);$(.navulli).mouseover(function()$(.btbg).queue(fx,);$(.btbg).stop();$(.btleft).queue(fx,);$(.btleft).stop();varindexnum=$(.navulli).index(this);btbgMove(indexnum);).click(function()$(.btbg).queue(fx,);$(.btbg).stop();$(.btleft).queue(fx,);$(.btleft).stop();thisindex=$(.navulli).index(this);btbgMove(thisindex););$(.nav).mouseout(function()$(.btbg).queue(fx,);$(.btbg).stop();$(.btleft).queue(fx,);$(.btleft).stop();btbgMove(thisindex);););functionbtbgMove(num)varw=$(.navulli:eq(+num+).width();vartw=0;$(.navulli:lt(+num+).each(function()tw+=Number($(this).width(););$(.btleft).animate(width:w-11,500);$(.btbg).animate(left:tw,queue:false,duration:500).animate(width:w,500);functiongetEvent()/同时兼容ie和ff的写法if(document.all)returnwindow.event;func=getEvent.caller;while(func!=null)vararg0=func.arguments0;if(arg0)if(arg0.constructor=Event|