<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0">
<channel>
<title>网页代码站 - 菜单导航</title>
<link>http://www.webdm.cn/codetype/type_1.html</link>
<copyright>Copyright 2012-2013</copyright> 
<item>
<title><![CDATA[【荐】CSS+JS打造的碰撞缓冲效果的导航条]]></title>
<link>http://www.webdm.cn/webcode/35ba936d-99a4-43db-8b7e-b58677c88d1f.html</link>
<description><![CDATA[碰撞缓冲效果的导航条，JavaScript妙味课堂奉献给大家的作品，很不错的竖向菜单，希望大家喜欢。所用技术是Js和CSS。]]></description><pubDate>2012-4-10 12:03:34</pubDate>
</item>
<item>
<title><![CDATA[纯CSS实现鼠标经过文本后中英互换的菜单]]></title>
<link>http://www.webdm.cn/webcode/bb08aa89-5f7e-4b16-ab2b-7168333b43a5.html</link>
<description><![CDATA[一个会切换菜单文字的JavaScript特效，当鼠标移到菜单上时，菜单的文字会变化，由中文变成了英文，还记得那些中英文菜单是怎么做的吗？或许你找到灵感了。]]></description><pubDate>2012-4-6 10:32:31</pubDate>
</item>
<item>
<title><![CDATA[CSS+JS实现漂亮简约的竖排折叠菜单]]></title>
<link>http://www.webdm.cn/webcode/1f3ef2d1-ba8b-4720-8209-34fd6ecf8616.html</link>
<description><![CDATA[超不错的可以用到网页左侧的银灰色竖排多级折叠菜单，可以自己为菜单加一个背景，CSS中预留有代码，这是比较标准和经典的一款后台管理模式的菜单，Div+Css结构，符合标准，修改方便，挺不错。]]></description><pubDate>2011-6-13 9:11:37</pubDate>
</item>
<item>
<title><![CDATA[CSS配合一张图片实现的不规则导航]]></title>
<link>http://www.webdm.cn/webcode/25ea29d2-fe4d-4bd8-b616-70ddeea6b99f.html</link>
<description><![CDATA[不规则导航菜单的CSs实现方法，呵呵CSS部分其实很容易，就是图片处理稍嫌麻烦，需要一个一个把图片处理好让CSS调用，不过，做出的效果确实挺有新意，适合儿童或艺术网站。]]></description><pubDate>2011-5-29 10:34:23</pubDate>
</item>
<item>
<title><![CDATA[JS+CSS打造的三级折叠/合拢菜单]]></title>
<link>http://www.webdm.cn/webcode/22b44832-bc23-461f-b76b-095513a489df.html</link>
<description><![CDATA[CSS+JavaScript经典版折叠、合拢的三级菜单，这个菜单还是值得研究一下的，一共可展开三级，最里面一级用滚动条来显示菜单内容，整个菜单竖直风格，放到网页的左侧或当作后台管理菜单的模块貌似还不错。]]></description><pubDate>2011-4-13 11:57:37</pubDate>
</item>
<item>
<title><![CDATA[【荐】jQuery+CSS打造的弹出层菜单]]></title>
<link>http://www.webdm.cn/webcode/a557f4bc-c672-4b39-a69d-e262ebca4a59.html</link>
<description><![CDATA[jQuery&nbsp;弹出一个基于层的菜单，这种菜单在各大网站应用非常广泛，本代码是模仿的，使用到了1.3.2版的jQuery&nbsp;插件，仅供前端编程开发者参考。]]></description><pubDate>2011-4-8 0:27:30</pubDate>
</item>
<item>
<title><![CDATA[CSS实现一个很基础很实用的下拉菜单]]></title>
<link>http://www.webdm.cn/webcode/29f5322b-b10b-486e-835d-96ac47e9f269.html</link>
<description><![CDATA[经典的CSS菜单，感应鼠标滑过更换背景色，实现起来也是很容易的，比较基础的CSS技巧，文本呈灰色调，简洁自然。]]></description><pubDate>2011-3-10 10:27:43</pubDate>
</item>
<item>
<title><![CDATA[微软网站曾用过的JS+CSS阴影菜单]]></title>
<link>http://www.webdm.cn/webcode/4b9cae44-cfd4-48eb-b7c8-49e4edbd04f8.html</link>
<description><![CDATA[Div+Js实现的阴影菜单，微软以前老版网站首页曾用过，用以索引出Windows产品家族的所有产品，本菜单仅实现了一个雏形，想实现像微软一样的效果，估计还需要做不少工作。放出来的目的是供学习CSS的朋友做参考。FF好像不行。]]></description><pubDate>2011-1-11 9:18:04</pubDate>
</item>
<item>
<title><![CDATA[JS+CSS实现竖向漂亮的立体滑动门TAB]]></title>
<link>http://www.webdm.cn/webcode/101f5e5f-b1a8-413d-a223-165d0cacf880.html</link>
<description><![CDATA[一个纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一个“门”的内容存入JS数组中，这样可以减少代码量，但也带来了一个扩展的问题，扩展性方面有待完善，仅供参考。]]></description><pubDate>2011-1-11 9:15:32</pubDate>
</item>
<item>
<title><![CDATA[一个基于JavaScript手动拖拽层/菜单实例]]></title>
<link>http://www.webdm.cn/webcode/e211a9fa-aaaa-4aae-93f3-0a1a7b01037d.html</link>
<description><![CDATA[一个基于JavaScript的层手动实例，让网站的菜单可以拖拽移位，记得土豆网的“豆单”有这种功能。本效果还尚未彻底完成，部分地方因没有写入对应内容，因此JS可能会提示有错误。]]></description><pubDate>2011-1-10 9:34:38</pubDate>
</item>
<item>
<title><![CDATA[来自百度未美化的JS竖直伸缩菜单]]></title>
<link>http://www.webdm.cn/webcode/f4ad22ac-bbfd-4c02-9b53-e63aebb301b9.html</link>
<description><![CDATA[这个菜单是从百度推广扒下来的，去掉了CSS文件，仅保留核心的Js动作，点击每一项的标题，可展开二级的子项菜单，想用的朋友自己添加样式，这样更能符合你网站的主题。]]></description><pubDate>2011-1-10 9:31:44</pubDate>
</item>
<item>
<title><![CDATA[【荐】JS+CSS全力打造的一级横向滑动，二级竖向下拉综合菜单]]></title>
<link>http://www.webdm.cn/webcode/eae5b017-4f40-47d7-95b2-ea94fe1ee55d.html</link>
<description><![CDATA[一级横向滑动，二级竖向下拉综合菜单，这个菜单一共是三级，前两级是滑动切换的方式，第三级主要是下拉菜单的形式，虽然简单的样式简约，但是实现他们其实是很复杂的，希望从事前端开发的朋友一同参考一下吧。]]></description><pubDate>2011-1-10 9:27:51</pubDate>
</item>
<item>
<title><![CDATA[jquery打造的竖向伸缩菜单]]></title>
<link>http://www.webdm.cn/webcode/7c69c63e-3c79-4f0a-9373-2a78d23706d2.html</link>
<description><![CDATA[使用jquery1.3.2制作的竖向伸缩菜单，每点击一次主菜单，会拉开出对应的二级菜单，再次点击会合拢，欢迎下载使用。]]></description><pubDate>2011-1-8 19:38:03</pubDate>
</item>
<item>
<title><![CDATA[纯CSS实现简约风格的下拉菜单]]></title>
<link>http://www.webdm.cn/webcode/f46a8587-07e6-46a8-b203-2548f154fb8a.html</link>
<description><![CDATA[纯CSS下拉菜单，绝对没有用Javascript，虽然简单，但是美观大方，先运行一下看看效果吧，本菜单扩展性很好，你完全可以在此基础上继续完善功能，以满足您的使用要求。]]></description><pubDate>2011-1-7 10:14:25</pubDate>
</item>
<item>
<title><![CDATA[经典的蓝色JS+CSS下拉菜单]]></title>
<link>http://www.webdm.cn/webcode/eb19fb1b-9208-4d19-b5ec-5d232ace540d.html</link>
<description><![CDATA[纯CSS代码实现比较经典的蓝色风格下拉菜单，最多支持两级，适用于各种企业网站，新闻资讯类网站，效果挺棒的，不是吗？虽然没有用到过多的修饰，但给你的感觉清新、大方、简洁，符合现代网站的特点。]]></description><pubDate>2011-1-7 10:12:20</pubDate>
</item>
<item>
<title><![CDATA[CSS+JS打造类似Windows风格的导航菜单]]></title>
<link>http://www.webdm.cn/webcode/6573a274-15c6-4b5e-adfb-1b0f67a88841.html</link>
<description><![CDATA[类似Windows风格的导航菜单，CSS+JavaScript实现，有人或许会喜欢这种菜单，通过各种颜色的修饰形成类似Windows窗体以及按钮的风格，具有立体感，当然&nbsp;，修改颜色值会改变风格，换成你想要的样式。]]></description><pubDate>2011-1-7 10:10:27</pubDate>
</item>
<item>
<title><![CDATA[JS+CSS打造的动画圆角竖向滑动菜单]]></title>
<link>http://www.webdm.cn/webcode/321fe596-4d40-4532-be13-8a7dd5122915.html</link>
<description><![CDATA[经过改造的左侧竖向滑动菜单，基于JavaScript+CSS，没有过多的修饰，主要想实现菜单的动画效果，想用的朋友，自己美化吧。]]></description><pubDate>2011-1-6 10:03:56</pubDate>
</item>
<item>
<title><![CDATA[JS+CSS实现的很漂亮的淡蓝色滑动门TAB]]></title>
<link>http://www.webdm.cn/webcode/95b8a79d-88f6-416a-9537-5fc343e702fc.html</link>
<description><![CDATA[漂亮淡蓝色滑动门代码，感觉很不错哦。]]></description><pubDate>2011-1-6 10:01:12</pubDate>
</item>
<item>
<title><![CDATA[Javascript打造的一款很不错的右键菜单]]></title>
<link>http://www.webdm.cn/webcode/f6e4ff61-f2ba-442a-b41b-7939e689fc61.html</link>
<description><![CDATA[这是自己写的一个右键菜单类，屏蔽掉了IE固有的右键菜单，一共有四个参数：第一个是出发显示右键菜单的div的id<br>　　第二个是右键菜单这个层的id，根据这个id去创建一个新的层，menuList是菜单项的列表，对应了点击一个菜单项后触发的函数，classList是菜单的class名称，以及菜单项对应的class名称，包含了鼠标滑过时的class。]]></description><pubDate>2011-1-6 9:59:29</pubDate>
</item>
<item>
<title><![CDATA[JavaScript打造类似DZ论坛上的鼠标感应菜单]]></title>
<link>http://www.webdm.cn/webcode/55f06c46-ef04-4cb4-ab1f-6129ac8d1b25.html</link>
<description><![CDATA[带阴影效果的仿论坛感应菜单，在discuz论坛程序中，大家都比较熟悉就是在登录后会有一个用户导航，鼠标放上后，显示出更加详细的导航，这个菜单就实现这样一种效果，它同时还封装了一个实现本效果的类，大家都可方便使用，代码中的类你可单独拷贝出来保存为新的JS文件。]]></description><pubDate>2011-1-5 11:28:51</pubDate>
</item>
<item>
<title><![CDATA[纯CSS打造的简洁选项卡Tab]]></title>
<link>http://www.webdm.cn/webcode/7815a385-fa04-43f8-a099-65aa82fc9e56.html</link>
<description><![CDATA[CSS_Tab简洁版，很不错的效果，希望大家喜欢。]]></description><pubDate>2011-1-5 11:25:06</pubDate>
</item>
<item>
<title><![CDATA[一个JS实现页面中布局滑动门和TAB]]></title>
<link>http://www.webdm.cn/webcode/6ba1807b-6146-44f5-9537-c612470e99f5.html</link>
<description><![CDATA[同一个网页布局滑动门和TAB修正版，其实滑动门和选项卡没有太大的区别，无非是鼠标动作的不同而已，但是有时候在同一个网页中布局两个以上的选项卡，总容易产生混乱，导致JS出错，如果你需要这样做，那么就请参考本实例，帮你解决这个问题。]]></description><pubDate>2011-1-5 11:23:38</pubDate>
</item>
<item>
<title><![CDATA[JS+CSS实现注重语义、结构、用户体验的Tab选项卡]]></title>
<link>http://www.webdm.cn/webcode/80574acf-3ca4-4b2c-bde9-84876f43ca55.html</link>
<description><![CDATA[根据以前的一个tab，加上新的结构基础做出来的。兼容IE6-IE8、FireFox、Chrome、Opera和Safari。如果你不介意display:none出现在CSS里的话，可以小改一下，那结构、样式、行为就算是完全分离开了。至于具体的代码我这里就不分析了，大家看看就知，很容易看懂。]]></description><pubDate>2011-1-4 9:07:07</pubDate>
</item>
<item>
<title><![CDATA[一个最简单但非常实用的CSS菜单]]></title>
<link>http://www.webdm.cn/webcode/fd097089-edc3-4309-92d0-d389c8a7dd0c.html</link>
<description><![CDATA[这是一个最简单但非常实用的CSS菜单，只需定义a标签的三种状态就可实现神奇效果，初学CSS的朋友，这个菜单是个很不错的范例教程，好好研究一下对入门CSS很有帮助。]]></description><pubDate>2011-1-4 9:04:33</pubDate>
</item>
<item>
<title><![CDATA[JS实现自动切换的Tab选项卡]]></title>
<link>http://www.webdm.cn/webcode/87f2d9f1-70da-472c-af54-cee63463edde.html</link>
<description><![CDATA[一个可以自动切换的选项卡，或者说是滑动门，本来这两个东西就相关不大，有兴趣的朋友研究一下，它除了自己播放每个选项卡内的内容外，也响应鼠标的动作，鼠标放上后即可响应变换内容，因主要想表现功能及代码，因此没有过多修饰，显得异常简洁。]]></description><pubDate>2011-1-4 9:02:59</pubDate>
</item>
<item>
<title><![CDATA[自己封装了一个未美化的选项卡Tab雏形]]></title>
<link>http://www.webdm.cn/webcode/f465c772-308b-4a8c-aa49-86bea9bee6f4.html</link>
<description><![CDATA[自己封装了一个选项卡Tab的雏形，鼠标放上去就看到效果了，没有修饰，显得有些粗糙。这里说明一下用法：修改部分&nbsp;tabs("nav","bb")&nbsp;nav&nbsp;bb对应导航和内容的id，脚本首行&nbsp;tag1，tag2是对应标签名&nbsp;addclass是鼠标一上去的导航样式&nbsp;checkNav,checkWrap是根据class判定导航和内容id里面的标签是否属于滑动门的部分。]]></description><pubDate>2011-1-3 15:06:55</pubDate>
</item>
<item>
<title><![CDATA[X-Menu打造的动感导航菜单]]></title>
<link>http://www.webdm.cn/webcode/241c4d7f-9c9f-4d48-941f-aea0971eb7fc.html</link>
<description><![CDATA[X-Menu&nbsp;动感导航菜单，效果很好。像FLASH动画一样，有兴趣的朋友好好研究一下。]]></description><pubDate>2011-1-3 15:02:35</pubDate>
</item>
<item>
<title><![CDATA[【荐】JS+CSS仿阿里巴巴字母轮换]]></title>
<link>http://www.webdm.cn/webcode/151684d5-9866-44cb-8e30-848ab290827a.html</link>
<description><![CDATA[这是仿阿里巴巴字母轮换的效果，以前有一款TAB滑动门和这个极其相信，那款来自淘宝。这个字母轮换其实就是一个比较大的滑动门，至少来说原理是一样的，希望大家好好研究一下。]]></description><pubDate>2011-1-1 9:58:30</pubDate>
</item>
<item>
<title><![CDATA[jQuery简单带淡出动画的下拉菜单]]></title>
<link>http://www.webdm.cn/webcode/7d84f913-9b87-4c18-8593-a765462e2db2.html</link>
<description><![CDATA[jQuery简单带淡出动画的下拉菜单，确实挺简单的，喜欢大家喜欢哦。]]></description><pubDate>2011-1-1 9:55:35</pubDate>
</item>
<item>
<title><![CDATA[纯CSS打造带小三角指引的滑动门]]></title>
<link>http://www.webdm.cn/webcode/7137c1b2-7835-441c-8ee2-dafcbcdd801b.html</link>
<description><![CDATA[CSS滑动门代码推荐：带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。]]></description><pubDate>2011-1-1 9:48:37</pubDate>
</item>
</channel>
</rss>
