http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<الرأس>
无标题文档 <نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة () {
/* $("#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/
<نمط النوع = "نص/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}
<الجسم>
<لي فئة = "العنصر">
المحتوى
<لي فئة = "العنصر">
产品
<لي فئة = "العنصر">
公司
-
