<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0035)http://mtou.javaeye.com/blog/208933 -->
<HTML dir=ltr xml:lang="zh-CN"
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Javascript导航菜单13则 - mtou - JavaEye技术网站</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META
content=" 来源:http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html 翻译:http://parandroid.com 下面为你准备了13个利用Javascript实现的网页导航菜单 1) Sexy Sliding Menu - 基于mootools的Javascript网页导航菜单，漂亮的滑动门技术，看 ..."
name=description>
<META content="javascript 菜单 Javascript导航菜单13则" name=keywords>
<LINK href="/images/favicon.ico" type=image/x-icon rel="shortcut icon">
<LINK title=mtou href="/rss" type=application/rss+xml rel=alternate>
<LINK media=screen href="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/blog.css" type=text/css rel=stylesheet>
<LINK media=screen href="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/blue.css" type=text/css rel=stylesheet>
<LINK media=screen href="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/SyntaxHighlighter.css" type=text/css rel=stylesheet>
<STYLE>DIV#main {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 740px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
</STYLE>
<LINK media=screen href="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/ui.css"
type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2900.3354" name=GENERATOR></HEAD>
<BODY>
<DIV id=page>
<DIV class=clearfix id=content>
<DIV class=blog_main>
<DIV class=blog_title>
<H3><A
href="http://mtou.javaeye.com/blog/208933">Javascript导航菜单13则</A></H3><STRONG>关键字:
javascript 菜单</STRONG> </DIV>
<DIV class=blog_content>
<DIV class=PostContent>
<P>来源:<A class=link_ccc
href="http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html"
target=_blank><SPAN
style="COLOR: #666666">http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html</SPAN>
</A>翻译:<A class=link_ccc href="http://parandroid.com/" target=_blank><SPAN
style="COLOR: #666666">http://parandroid.com<BR></SPAN></A>下面为你准备了13个利用Javascript实现的网页导航菜单</P>
<P>1) <A
href="http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools"
target=_blank><SPAN style="COLOR: #3366cc">Sexy Sliding Menu</SPAN> </A>-
基于mootools的Javascript网页导航菜单，漂亮的滑动门技术，看到下面的图了没有，用它来设计你的Sidebar，非常之炫，Sexy，是的。</P>
<P><A
href="http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools"
target=_blank><IMG alt="Sexy Sliding Menu"
src="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/sexy-menu.gif"> </A></P>
<P>Demo: <A title=Demo
href="http://www.andrewsellick.com/examples/sliding-side-bar/"
target=_blank><SPAN style="COLOR: #3366cc">Mootols Version</SPAN> </A><BR>Demo:
<A title=Demo
href="http://www.andrewsellick.com/examples/sliding-side-bar-scriptaculous/"
target=_blank><SPAN style="COLOR: #3366cc">Script.aculo.usVersion</SPAN></A></P>
<P>本地文件: <a href="sliding-side-bar.rar">sliding-side-bar.rar</a></P>
<P>2) <A href="http://labs.activespotlight.net/jQuery/menu_demo.html"
target=_blank><SPAN style="COLOR: #3366cc">FastFind Menu Script</SPAN>
</A>-这个脚本基本动态的Ajax技术，可以让你创建多级嵌套的菜单。</P>
<P><A href="http://labs.activespotlight.net/jQuery/menu_demo.html"
target=_blank><IMG alt="FastFind Menu"
src="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/fastfind.gif"> </A></P>
<P>Demo: <A title=Demo
href="http://labs.activespotlight.net/jQuery/menu_demo.html" target=_blank><SPAN
style="COLOR: #3366cc">FastFind Menu</SPAN> </A></P>
<P>本地文件: <a href="FastFind Menu Script.rar">FastFind Menu Script.rar</a></P>
<P>3) <A href="http://2210media.com/dock_menu/" target=_blank><SPAN
style="COLOR: #3366cc">Webber 2.0 Dock Menu</SPAN> </A>-一个典型的Dock类型网页导航菜单。</P>
<P><A href="http://2210media.com/dock_menu/" target=_blank><IMG
alt="Webber 2.0 Dock Menu"
src="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/dockmenu.gif"> </A></P>
<P>Demo: <A title=Demo href="http://2210media.com/dock_menu/"
target=_blank><SPAN style="COLOR: #3366cc">Webber 2.0 Dock Menu</SPAN> </A></P>
<P>本地文件: <a href="dock_menu.zip">dock_menu.zip</a></P>
<P>4) <A href="http://www.phatfusion.net/" target=_blank><SPAN
style="COLOR: #3366cc">Phatfusion- Image Menu</SPAN>
</A>-这这是一个使用Javascript的图片导航菜单，它最大的特点是除了悬浮展开图片链接之外，还保持当前选定的菜单链接状态。</P>
<P><A href="http://www.phatfusion.net/imagemenu/index.htm" target=_blank><IMG
alt="Phatfusion- Image Menu"
src="Javascript导航菜单13则 - mtou - JavaEye技术网站.files/phatfusion.jpg"> </A></P>
<P>Demo: <A title=Demo href="http://www.phatfusion.net/imagemenu/index.htm"
target=_blank><SPAN style="COLOR: #3366cc">Phatfusion- Image Menu</SPAN>
</A>
<P>本地文件: <a href="imagemenu.zip">imagemenu.zip</a></P>
Demo: <A title=Demo href="http://www.artviper.de/ImageMenu/"
target=_blank><SPAN style="COLOR: #3366cc">Mootools version with XML
parser</SPAN> </A></P>
<P>本地文件: <a href="artViperGallery.rar">artViperGallery.rar</a></P>
<P> </P>
<P> </P>
<P><b>Some other codes</b></P>
<P>validate: <A class=menuItem
href="http://www.phatfusion.net/validate/">form validation.</A></P>
<P>本地文件: <a href="validate.zip">validate.zip</a></P>
<P>lightbox: <A class=menuItem
href="http://www.phatfusion.net/lightbox/">An inline image popup, overlays and fades out the current page.</A></P>
<P>本地文件: <a href="lightbox.zip">lightbox.zip</a></P>
<P>multibox: <A class=menuItem
href="http://www.phatfusion.net/multibox/">lightbox that supports images, flash, video, mp3s, html.</A></P>
<P>本地文件: <a href="multibox.zip">multibox.zip</a> <a href="overlay.js">overlay.js</a> (optional) </P>
<P>slideshow: <A class=menuItem
href="http://www.phatfusion.net/slideshow/">transition between images.</A></P>
<P>本地文件: <a href="slideshow.zip">slideshow.zip</a> <a href="backgroundslider.js">backgroundslider.js</a> </P>
<P>sortable table: <A class=menuItem
href="http://www.phatfusion.net/sortabletable/">sort and filter tables.</A></P>
<P>本地文件: <a href="sortabletable.zip">sortabletable.zip</a></P>
<P>sortable table: <A class=menuItem
href="http://www.phatfusion.net/slider/">bar and slider.</A></P>
<P>本地文件: <a href="slider.zip">slider.zip</a></P>
<P>rounded corners: <A class=menuItem
href="http://www.phatfusion.net/roundedcorners/">creates rounded corners on divs.</A></P>
<P>本地文件: <a href="roundedcorners.zip">roundedcorners.zip</a> <a href="textResizeDetector.js">textResizeDetector.js</a></P>
<P>page loader: <A class=menuItem
href="http://www.phatfusion.net/pageloader/">Load a div from another page into a div on this page.</A></P>
<P>本地文件: <a href="pageloader.zip">pageloader.zip</a> <a href="history.js">history.js</a></P>
<table width="488" height="91" cellpadding="0" cellspacing="1" border="1">
<TR>
<TH width="116">Download</TH>
<TH width="219">Local Download</TH>
<TH width="164">Compression type</TH>
<TH width="53">Size</TH>
</TR></a>
<TR>
<TD><A href="/downloads/mootools-1.2-core-yc.js">MooTools 1.2</A></TD>
<TD><a href="mootools-1.2-core-yc.js">mootools-1.2-core-yc.js</TD>
<TD><A href
Javascript导航菜单13则(含部分代码)
需积分: 9 102 浏览量
2008-06-29
15:05:51
上传
评论 1
收藏 8.44MB RAR 举报
Javascript导航菜单13则.rar （52个子文件） 
Javascript导航菜单13则 
lightbox.zip 282KB roundedcorners.zip 107KB Javascript导航菜单13则 - mtou - JavaEye技术网站.files 
custom.gif 13KB
blog.css 29KB sexy-menu.gif 14KB offline.gif 682B user-logo.gif 2KB ui.css 2KB compress.js 16KB application.js 151KB lavalamp.gif 14KB 11.gif 13KB dockmenu.gif 16KB SyntaxHighlighter.css 2KB tree.gif 7KB
10.jpg 33KB
rss.png 534B se_hilite.js 3KB custom.jpg 34KB inf.js 23KB fastfind.gif 23KB phatfusion.jpg 37KB icon_minigender_1.gif 143B Thumbs.db 47KB blue.css 2KB rss_google.gif 701B logo_small.gif 2KB rss_xianguo.jpg 2KB rss_zhuaxia.gif 723B shCoreCommon.js 23KB 9.gif 8KB backgroundslider.js 3KB slideshow.zip 579KB
sliding-side-bar.rar 10KB history.js 3KB mootools-1.2-core-nc.js 94KB mootools-1.2-core-jm.js 74KB pageloader.zip 112KB FastFind Menu Script.rar 30KB textResizeDetector.js 1KB sortabletable.zip 110KB css-dock-menu.zip 257KB imagemenu.zip 328KB slider.zip 99KB multibox.zip 5.86MB artViperGallery.rar 716KB Javascript导航菜单13则.htm 15KB validate.zip 112KB overlay.js 2KB mootools-1.2-core-yc.js 63KB Custom Menu Events.rar 42KB dock_menu.zip 45KB资源评论
