<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<หัว>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javaScript" type="text/Javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(ฟังก์ชัน () {
/* $("#mainNav .item").mouSEOver(function() {
var $ul = $(นี้).find("ul");
$ul.slideDown(500)
-
$("#mainNav .item").mouseout(function () {
var $ul = $(นี้).find("ul");
$ul.slideUp(500);
-
-当鼠标从SPAN中一出来时触发了mouseout事件由于事件冒泡也出发了.item 的onmouseout事件二级菜单消失，但此时又移入了了item又触发了mouseov เอ้อ事件所以又显示出来。这时就会出现先消失在出来的情况。
-
$("#mainNav .item").โฮเวอร์(
การทำงาน() {
var $ul = $(นี้).find("ul");
$ul.slideDown(500);
-
การทำงาน () {
var $ul = $(นี้).find("ul");
$ul.slideUp(500);
-
-
-
$("#mainNav .item").each(function(){
var $thisItem = $(สิ่งนี้);
$thisItem.โฮเวอร์(
การทำงาน () {
var $thisUl = $thisItem.find("ul");
//$thisUl.slideToggle(500);
$thisUl.slideDown(500);
-
การทำงาน(){
var $thisUl = $thisItem.find("ul");
$thisUl.slideUp(500)
-
-
-
-
/* $("#mainNav .item span").mouseover(function() {
var $ul = $(นี้).ถัดไป();
$ul.show()
-
$("#mainNav .item").mouseout(function () {
var $ul = $(นี้).find("ul")
$ul.ซ่อน();
-
-
-
//http://www.happinesz.cn/archives/1020/
</สคริปต์>
<style type="text/CSS">
เนื้อความ { ระยะขอบ:10 อัตโนมัติ; ช่องว่างภายใน:0; ขนาดตัวอักษร:14px;}
ul, li { ระยะขอบ: 0; ช่องว่างภายใน:0}
#mainNav{ list-style-type:none}/*在IE中给ul设置了list-style-type会将应用到所有子li中，FF中只会应用到1级的li*/
#mainNav li.item { ลอย: ซ้าย; ขอบซ้าย:50px; ความกว้าง:80px; *จอแสดงผล:อินไลน์; /*สำหรับเช่น 6*/ }
#mainNav li.item ขยาย { text-align:center; จอแสดงผล:บล็อก; ความกว้าง:98%;เส้นขอบ:1px ทึบ #000;}
#mainNav li.item ul{list-style-type:none;}/*FF需要重新给ul设置list-style-type*/
#mainNav li.item ul { จอแสดงผล: ไม่มี; สีพื้นหลัง:#CCC}
div.test { ความสูง: 30px; ความกว้าง:50px; ขอบซ้าย:50px; เส้นขอบ:1px ทึบ #ccc}
</สไตล์>
</หัว>
<ร่างกาย>
<ul id="mainNav">
<li class="รายการ">
<span><strong>ใหม่</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li class="รายการ">
<span> <strong>产品</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li class="รายการ">
<span><strong>公司</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
</ร่างกาย>
</html>
-