http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
$(fungsi () {
/* $("#mainNav .item").mouSEOver(fungsi() {
var $ul = $(ini).menemukan("ul");
$ul.slideDown(500)
})
$("#mainNav .item").mouseout(fungsi () {
var $ul = $(ini).menemukan("ul");
$ul.slideUp(500);
})*/
/* 当鼠标从SPAN中一出来时触发了mouseout事件由于事件冒泡也出发了.item的onmouseout事件二级菜单消失,但此item yang berguna untuk mouseover就会出现先消失在出来的情况。
*/
$("#mainNav .item").hover(
fungsi() {
var $ul = $(ini).menemukan("ul");
$ul.slideDown(500);
},
fungsi () {
var $ul = $(ini).menemukan("ul");
$ul.slideUp(500);
}
)
/*
$("#mainNav .item").masing-masing(fungsi(){
var $Item ini = $(ini);
$Item ini.hover(
fungsi () {
var $thisUl = $thisItem.find("ul");
//$thisUl.slideToggle(500);
$thisUl.slideDown(500);
},
fungsi(){
var $thisUl = $thisItem.find("ul");
$thisUl.slideUp(500)
}
);
});
*/
/* $("#mainNav .item span").mouseover(function() {
var $ul = $(ini).berikutnya();
$ul.tampilkan()
})
$("#mainNav .item").mouseout(fungsi () {
var $ul = $(ini).menemukan("ul")
$ul.sembunyikan();
})
*/
})
//http://www.happinesz.cn/archives/1020/
badan{ margin:10 otomatis; bantalan:0; ukuran font:14 piksel;}
ul,li{ margin:0; bantalan:0}
#mainNav{ tipe-gaya-daftar: tidak ada}/*在IE中给ul设置了tipe-gaya-daftar会将应用到所有子li中,FF中只会应用到1级的li*/
#mainNav li.item { float:kiri; margin-kiri:50px; lebar:80 piksel; *tampilan: sebaris; /*misalnya 6*/ }
#mainNav li.item span{ text-align:center; tampilan:blok; lebar:98%;batas:1 piksel padat #000;}
#mainNav li.item ul{tipe-gaya-daftar:none;}/*FF需要重新给ul设置tipe-gaya-daftar*/
#mainNav li.item ul{ display:none; warna latar belakang:#CCC}
div.test{ tinggi:30px; lebar:50 piksel; margin-kiri:50px; batas:1px padat #ccc}
-