<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web启点 &#187; 导航菜单</title>
	<atom:link href="http://www.web7d.com.cn/category/material/nav/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web7d.com.cn</link>
	<description></description>
	<lastBuildDate>Thu, 01 Dec 2011 14:24:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>仿Amazon.com菜单效果的简单实现</title>
		<link>http://www.web7d.com.cn/2010/03/copy-amazon-com-menu-effect/</link>
		<comments>http://www.web7d.com.cn/2010/03/copy-amazon-com-menu-effect/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 07:13:48 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[网页技巧]]></category>
		<category><![CDATA[特效菜单]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1505</guid>
		<description><![CDATA[仿Amazon.com菜单效果的简单实现是3年前就有了，效果不错就整理发布上去一起分享； HTML &#60;p onclick=&#8221;emotion();&#8221;&#62;hello, emotion!&#60;/p&#62; &#60;div id=&#8221;menu&#8221; onmouseout=&#8221;javascript:mout=setTimeout(&#8216;fnSmall()&#8217;,1000);&#8221; onMouseOver=&#8221;javascript:clearTimeout(mout);&#8221;&#62; &#60;table border=&#8221;0&#8243; cellspacing=&#8221;0&#8243; cellpadding=&#8221;0&#8243;&#62; &#60;tr&#62; &#60;td width=&#8221;50&#8243; valign=&#8221;top&#8221; align=&#8221;left&#8221;&#62; &#60;ul&#62; &#60;li&#62;class&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/td&#62; &#60;td width=&#8221;50&#8243; valign=&#8221;top&#8221; align=&#8221;left&#8221;&#62; &#60;ul&#62; &#60;li&#62;class&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;#&#8221; onclick=&#8221;fnSmall();&#8221;&#62;item&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/td&#62; &#60;td width=&#8221;50&#8243; valign=&#8221;top&#8221; [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/03/copy-amazon-com-menu-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>漂亮的css菜单导航实例</title>
		<link>http://www.web7d.com.cn/2010/03/beautiful-css-menu/</link>
		<comments>http://www.web7d.com.cn/2010/03/beautiful-css-menu/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 01:36:46 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css菜单]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1484</guid>
		<description><![CDATA[漂亮的css菜单导航实例， 效果 xhtml &#60;div id=&#8221;menucase&#8221;&#62; &#60;ul id=&#8221;saturday&#8221;&#62; &#60;li&#62;&#60;a href=&#8221;http://www.web7d.com.cn&#8221; title=&#8221;"&#62;Home&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;" title=&#8221;"&#62;About Us&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;" title=&#8221;"&#62;Services&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;" title=&#8221;"&#62;Our Work&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#8221;" title=&#8221;"&#62;Contact Us&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/div&#62; css ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url(&#8220;http://www.web7d.com.cn/wp-content/demo/images/bgOFF.gif&#8221;) repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;} ul#saturday li{display:block;float:left;margin:0;pading:0;} ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url(&#8220;http://www.web7d.com.cn/wp-content/demo/images/bgDIVIDER.gif&#8221;) no-repeat top right;} ul#saturday li a:hover{background:transparent url(&#8220;http://www.web7d.com.cn/wp-content/demo/images/bgHOVER.gif&#8221;) no-repeat top [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/03/beautiful-css-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>基于jQuery实用下拉菜单</title>
		<link>http://www.web7d.com.cn/2010/03/jquery-xiala-nav/</link>
		<comments>http://www.web7d.com.cn/2010/03/jquery-xiala-nav/#comments</comments>
		<pubDate>Mon, 01 Mar 2010 05:08:06 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[下拉菜单]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1404</guid>
		<description><![CDATA[基于jQuery实用下拉菜单 预览：菜单预览 下载：源文件下载 转自：站酷 来源：基于jQuery实用下拉菜单&#124; web启点]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/03/jquery-xiala-nav/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>45个jQuery的导航插件和教程</title>
		<link>http://www.web7d.com.cn/2010/02/45-jquery-navigation-plugins-and-tutorials/</link>
		<comments>http://www.web7d.com.cn/2010/02/45-jquery-navigation-plugins-and-tutorials/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 02:39:05 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[导航插件]]></category>
		<category><![CDATA[导航教程]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1313</guid>
		<description><![CDATA[正如我们所知道的，一个新用户访问一个网站时，决定他们去留的关键是最初的15-20秒种。这是至关重要的，你必须遵循统一的风格来设计您的网站，特别是导航的风格，可能性规则，让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单，即要直观易用，又要符合你网站的设计风格。 本文列举了45个 jQuery的导航插件和教程，演示通过jQuery实现一些导航效果，教您如何做一个有创造性和易于使用的导航。 横向菜单导航插件和教程 Mega Drop Down Menu w/ CSS &#38; jQuery &#124; Demo 一个完善的多级导航栏 &#124; Demo 在本教程中，作者说明了实施完善多层次的导航栏使用HTML，CSS和不显眼的JavaScript的使用jQuery的一些代码行来显示和隐藏小节他的方法。 使用子画面创建导航菜单 &#124; Demo 精灵的CSS可以大大提高网站的性能，使用jQuery，我们可以很容易地实现真棒过渡效果。 标签导航光滑水平滑动 在本教程中，您将创建一个导航菜单幻灯片水平。它从一个“标签上包含的元素的右边”设置。当点击一个标签幻灯片左侧显示的链接组。再次点击该标签，它滑出。 droppy &#8211; 巢式下拉菜单 这不是最灵活的插件，但如果你正在寻找一个基本的菜单，它是完美的。 jQuery Listmenu &#124; Demo 这jQuery插件允许您方便地转换为长期，难以导航到一个紧凑，易于脱脂首字母为基础的菜单系统，可以快捷进出双向访问数百个项目名单。 Kwicks for jQuery &#124; Demo 创建CSS＆jQuery的导航菜单 在本教程中，您将学习如何建设顺利滚动使用jQuery和scrollTo插件影响一个CSS导航菜单。 苹果风格菜单 &#124; Demo 在这个深入教程中，您将创建一个苹果风格豹-文本缩进菜单从头开始。首先，您将建立在Photoshop菜单，然后您可以创建所需的HTML和CSS，并最终改善与jQuery它。 性感下拉菜单瓦特/ jQuery的＆的CSS &#124; Demo 大部分下拉菜单看上去美观，但发展中国家他们适度地降低也很重要。在本教程中，作者展示了如何创建一个性感的下拉菜单中缓慢下降。 使用jQuery超级下拉菜单 &#124; Demo 一个大型的建议盘旋下降时，下拉菜单是0.5秒，另有0.5秒钟的延迟当用户移动鼠标了。这些准则，作者演示了如何建立一个大型的下拉可利用的时间延迟菜单。 JQuery Pager [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/02/45-jquery-navigation-plugins-and-tutorials/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10个免费漂亮的css导航菜单下载</title>
		<link>http://www.web7d.com.cn/2010/01/free-10-beautiful-css-navigation-menu-download/</link>
		<comments>http://www.web7d.com.cn/2010/01/free-10-beautiful-css-navigation-menu-download/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 06:33:40 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css导航菜单]]></category>
		<category><![CDATA[下载]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1182</guid>
		<description><![CDATA[这是StyledMenus网站提供的10个免费的导航菜单样式。每个样式都进行了兼容性测试，很不错。 菜单下载 转自：免费：10个漂亮的css导航菜单下载 来源：10个免费漂亮的css导航菜单下载]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/free-10-beautiful-css-navigation-menu-download/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7个超酷的CSS导航菜单</title>
		<link>http://www.web7d.com.cn/2010/01/7-strong-cool-css-menu/</link>
		<comments>http://www.web7d.com.cn/2010/01/7-strong-cool-css-menu/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 03:33:03 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css导航菜单]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1178</guid>
		<description><![CDATA[新的技术在不断的发展和更新，利于我们创造更多独特和看上去很酷的菜单效果。下面是7个基于CSS创建的网页导航菜单： 1) 强大的 CSS 导航菜单 这是来自Nick La设计的一个漂亮的CSS导航菜单效果，其中详细的介绍了如何对一幅图片进行切片并把它们组合在一起，形成一个独特漂亮的菜单。 需要注意的是， 这个菜单在IE6下面有一个bug，在悬浮的时候，并不能达到背景图片切换的效果，这个时候，你需要给链接属性指定mouseover来进行显示。 Demo 2) 先进的CSS导航菜单技术 这是一个全新的菜单设计概念。通常我们设计一个导航菜单，会改变鼠标悬浮在它上面时的样式，而这个菜单是当你鼠标悬浮在当前导航链接时，改变其它链接的样式。 Demo 3) 多级下拉导航菜单 著名的Suckerfish Dropdowns回来了，并且这次它的体积更小了，仅仅12行的javascript代码，并且正常运行于Safari和Opera,支持多级下拉菜单。 Demo 4) Tree Frog slide and fly 导航菜单 树蛙菜单，光是这个名字就挺有趣的。当鼠标悬停的时候才出现二级菜单列表，而同时又支持多级的浮动菜单。 5) Mike’s Experiment 这个菜单的最大特点是当鼠标悬浮的时候，出现对导航菜单的补充说明。这一应用能精简你的导航系统，且给用户一个更直观的导航描述，让用户知道，他将点击的东西会为他带为什么样的内容，而这一切，都是纯CSS的，不需要任何Javascript. 6) 8 个不能错过的网页导航菜单 这是8个基于CSS的导航菜单，它们或许并不是最特别的，却是最常用最基础的，你不能错过。 7) 下拉选项卡的导航菜单 Drop Down Tabs 提供了五种不同样样式的下拉选项卡的导航单，当然，你完全可以自定义它，让它看上去更加漂亮和特别。 英文：7 Advanced CSS Menu 中文：7个强大超酷的CSS导航菜单 &#124; 帕兰映像 来源：7个超酷的CSS导航菜单 &#124; web启点]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/7-strong-cool-css-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>漂亮滑动二级导航菜单</title>
		<link>http://www.web7d.com.cn/2009/12/js-nav-menu-03/</link>
		<comments>http://www.web7d.com.cn/2009/12/js-nav-menu-03/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 09:16:31 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[素材资源]]></category>
		<category><![CDATA[JS代码]]></category>
		<category><![CDATA[JS广告代码]]></category>
		<category><![CDATA[JS特效代码]]></category>
		<category><![CDATA[菜单导航]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=517</guid>
		<description><![CDATA[预览 下载 来源： 漂亮滑动二级导航菜单 &#124; web启点]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2009/12/js-nav-menu-03/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>js导航条，仿flash动画效果</title>
		<link>http://www.web7d.com.cn/2009/12/js-nav-flash/</link>
		<comments>http://www.web7d.com.cn/2009/12/js-nav-flash/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 01:34:12 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[素材资源]]></category>
		<category><![CDATA[设计开发]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[菜单导航]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=170</guid>
		<description><![CDATA[今天在酷站（zcool）看到一菜单导航，用Js控制来做的效果很好，有flash动画效果，五个效果可以用于企业网站会有不错的体验。 效果图如下： 浏览效果&#62;&#62; 下载 ============================================================= 来源：js导航条，仿flash动画效果]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2009/12/js-nav-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>可折叠展开的JS导航菜单</title>
		<link>http://www.web7d.com.cn/2009/11/js-nav-menu-02/</link>
		<comments>http://www.web7d.com.cn/2009/11/js-nav-menu-02/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 08:14:51 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[导航菜单]]></category>
		<category><![CDATA[素材资源]]></category>
		<category><![CDATA[JS代码]]></category>
		<category><![CDATA[js菜单]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=514</guid>
		<description><![CDATA[预览 下载 来源：可折叠展开的JS导航菜单]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2009/11/js-nav-menu-02/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

