300+Jquery, CSS, MooTools 和 JS的导航菜单资源
如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。本文要为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更
方便更快速，只要选择现成的例子就可以应用于自己的网站了。本文收集的这些资源，从非常简单的HTML和CSS导航菜单，到非常复杂和高级的
JQuery、JavaScript和MooTools技术，这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用，那就快把本网页
收藏以备日后查阅吧！
1.Fancy menu
- 非常酷的导航菜单:
2. 专为Mac爱好者开发的CSS dock菜单
，使用jQuery框架。
下载 dock 菜单
3.37个不同的CSS导航菜单技术
：
4.这个导航
五年前就有了，但现在看来依然很棒！
5.漂亮的JQuery滑动效果菜单
，有四种不同的例子。
6.更新jquery嵌套标签
设置,有演示;
7.垂直JavaScript菜单
,含子菜单效果。 查看演示
8.13个精选纵向及横向CSS菜单
9.各种不同的CSS菜单教程
10.很全的收集CSS纵向菜单的网站：dynamicdrive.com
11.CSSplay.com
，一个非常全面的收集各种CSS菜单的网站，而且经常有更新，推荐！
12.有显示/隐藏效果的菜单
- 有 CSS 和 MooTools两种;
13.Superfish v1.4.8 – jQuery 菜单插件
14.方便的图片标签翻转菜单
;
15.模仿Digg.com风格的CSS纵向菜单
16.JavaScript可折叠菜单
，查看演示
17.独特的使用jQuery和MooTools的导航菜单
; 查看演示
18.CSSmenumaker.com
- 提供专业的CSS菜单;
19. 非常酷的 JavaScript 菜单
，摘自 JavaScriptkit.com;
20. 使用CSS创建的多级下拉菜单
并用JQuery进行了改善。查看演示
21. jdMenu 多层次菜单插件 ， jQuery框架
- 纵向多级下拉菜单列表
22. 难以置信的Apple风格导航菜单
:
23.折叠风格JQuery菜单
24. 非常酷的使用CSS和 jQuery制作的动画导航菜单
:
25. jQuery树插件
26. 35种独特的JQuery菜单演示
27.Jquery 快速导航
- 点击 toogle 菜单, 以弹出导航菜单:
28. jQuery id标签
- 8种不同的很酷的JQuery菜单例子
29. jQuery ContextMenu
；轻量级JQuery插件，可以自定义右键弹出的菜单
30. jQuery UI tabs
- 可以自定义不同效果的标签菜单，比如：幻灯片效果、淡出效果等…查看演示
31. iconDock jQuery
- 有一个模仿 MAC OS X dock效果的菜单;
32.SlidingMenu
- 很简单的滑动菜单效果
33. 标签导�
相关文档：
1.定位的定义
CSS中定位用position:static|relative|absolute|fixed来实现
static:1.正常流显示；2.不能通过z-index进行层叠分级；3.可设置width,height；4.设置top,right,bottom,left无效
relative:1.不脱离文档流，参考自身的静态位置，通过top,right,bottom,left进� ......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可以使用() ......
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77对FireFox
*+ht ......
很多的Web
designer在刚接触W3C标准的时候，都遇到过高度自适应的问题。因为div等对象的height:100%;并不能够直接产生实际效果，于是开始
怀疑浏览器是否支持height:100%;的编写方法？当然不是，最明显的例子就是table
height="100"是没有任何问题的。这是很令人烦恼的问题。我浏览了很多网站，包括www.w3cn.o ......
1.id选择器
id选择器的命名应坚持体现文档的结构和位置。
如:#header、#footer、#left 等
2.class选择器
class选择器的命名应该体现名称的样式描述性。
如：.red、.underline 等
3.对于模块的外围结构元素最好用id属性，内部元素可以定义class属性，
因为外围的结构一般式唯一的。而内部的元素可能会出现重复。
另� ......
