<!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>
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة () {
/* $("#mainNav .item").mouSEOver(function() {
var $ul = $(this).find("ul");
$ul.slideDown(500)
})
$("#mainNav .item").mouseout(function () {
var $ul = $(this).find("ul");
$ul.slideUp(500);
})*/
/* تم استخدام SPAN لأول مرة في استخدام mouseout لإخراج الماوس. يجب أن يكون العنصر الذي تم تمريره بالماوس فوق العنصر موجودًا في أي مكان. لا داعي للقلق بشأن هذا الأمر.
*/
$("#mainNav .item").hover(
وظيفة() {
var $ul = $(this).find("ul");
$ul.slideDown(500);
},
وظيفة () {
var $ul = $(this).find("ul");
$ul.slideUp(500);
}
)
/*
$("#mainNav .item").each(function(){
فار $thisItem = $(this);
$thisItem.hover(
وظيفة () {
var $thisUl = $thisItem.find("ul");
//$thisUl.slideToggle(500);
$thisUl.slideDown(500);
},
وظيفة(){
var $thisUl = $thisItem.find("ul");
$thisUl.slideUp(500)
}
);
});
*/
/* $("#mainNav .itemspan").mouseover(function() {
var $ul = $(this).next();
$ul.show()
})
$("#mainNav .item").mouseout(function () {
فار $ul = $(this).find("ul")
$ul.hide();
})
*/
})
//http://www.happinesz.cn/archives/1020/
</script>
<نمط النوع = "نص/CSS">
الجسم { الهامش: 10 تلقائي؛ الحشو: 0؛ حجم الخط:14px;}
ماي، لي { الهامش: 0؛ الحشو:0}
#mainNav{ list-style-type:none}/*تم تحديد نوع نمط القائمة في IE في قائمة 1 نوع Li*/
#mainNav li.item { float:left; الهامش الأيسر: 50 بكسل؛ العرض: 80 بكسل؛ * العرض: مضمن؛ /*على سبيل المثال 6*/ }
#mainNav li.itemspan{ text-align:center; عرض:كتلة؛ العرض: 98%;الحدود: 1 بكسل صلب #000;}
#mainNav li.item ul{list-style-type:none;}/*FF需要重新给ul设置list-style-type*/
#mainNav li.item ul{ عرض: لا شيء؛ لون الخلفية:#CCC}
div.test { الارتفاع: 30 بكسل؛ العرض: 50 بكسل؛ الهامش الأيسر: 50 بكسل؛ الحدود: 1 بكسل الصلبة #ccc}
</نمط>
</الرأس>
<الجسم>
<ul id="mainNav">
<لي فئة = "العنصر">
<span><strong>المحتوى</strong></span>
<ul>
<لي></لي>
<لي></لي>
<لي></لي>
</ul>
</لي>
<لي فئة = "العنصر">
<span> <strong>产品</strong></span>
<ul>
<لي></لي>
<لي></لي>
<لي></لي>
<لي></لي>
</ul>
</لي>
<لي فئة = "العنصر">
<span><strong>公司</strong></span>
<ul>
<لي></لي>
<لي></لي>
<لي></لي>
<لي></لي>
</ul>
</لي>
</ul>
</الجسم>
</html>
-