<!--一级导航-->
<ul class='menu'>
<li class='menu-lei'>
<!--二级菜单-->
<ul class='menu-sub'>
<li class='menu-sub-cnt' name='b'></li>
<li class='menu-sub-cnt' name='b'></li>
...
</ul>
</li>
<li class='menu-lei'>
<!--二级菜单-->
<ul class='menu-sub'>
<li class='menu-sub-cnt' name='b'></li>
<li class='menu-sub-cnt' name='b'></li>
...
</ul>
</li>
...
</ul>
结果改成这样就行了，这样二级菜单在导航容器内，所以不会由于mouseout条件必须满足从二级菜单移出才会执行。
$(".menu_lei").each(function(){
$(this).mouseover(function(){
$(this).find(".menu-sub").show()
})
$(this).mouseout(function(){
$(this).find(".menu-sub").hide()
})
})
一、打开Dreamweaver，点击 文件-新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接。然后保存该网页文件。 二、点击 窗口-行为 菜单，打开行为面板。JavaScript语言的前身叫LiveScript。自从推出著名的Sun公司的Java语言，网景公司公司推出的Sun公司的Java概念，他重新设计原有的LiveScript程序，并改名为JavaScript的。
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，使用JavaScript，页面会变得生动。其目的是利用超文本标记语言HTML，Java脚本语言，用于多个物体连接在一起在一个网页，客户与网络，从而可以开发客户端应用程序进行交互。它是通过嵌入或在标准的HTML语言实现传送。
JavaScript有许多优点：
1.简单的JavaScript是一种脚本语言，它是由一个小的块进行编程方式，就像其他脚本语言，JavaScript是一种解释性语言一样，它提供了一个简单的发展的过程。其基本结构与C，C ++，VB，Delphi是非常相似的。但是，与这些语言，你需要编译，但在程序运行时被解释一行行。它结合了HTML标记，以便于用户的操作。
2.动态JavaScript是动态的，它可以直接回复到用户或客户的输入，而无需通过Web服务程序。它反映了用户的响应，是采用事件驱动的方式。所谓事件驱动，这意味着从一个主页的操作所引起的措施的实施，被称为“事件”。例如，按下鼠标按钮，移动窗口，选择菜单等都可以视为事件。当该事件发生时，事件可能会导致一个相应的响应。
3.跨平台JavaScript是依赖于浏览器本身，不管操作环境，电脑只要能运行的浏览器，浏览器支持JavaScript可以被正确执行。
4. CGI与WWW WWW服务器的快速发展节约时间的相互作用有服务承诺与观众进行交流，浏览确实身份，需要等内部服务，这项工作通常由CGI的/ PERL的制备相应的接口程序的交互的用户来完成。显然，通过一方面在网络和用户交互增加了网络流量，另一方面会影响服务器的服务性能。服务器运行一个CGI给用户时，它需要一个过程的服务，这会占用的资源（例如CPU的服务，存储器消耗量等）的服务器中，如果用户填写错误，由交互式服务所占用的时间会增加。炎热的主机和用户交互访问，更影响服务器的性能就越高。
JavaScript是一种客户端基于浏览器的语言，用户填写在浏览器中的一种形式，验证交互是通过对HTML文档的浏览器转移JavaScript源代码的解释来完成，即使你必须调用CGI部，只有在验证用户输入提交给远程服务器，大大减少了服务器的成本的浏览器。
