http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
$(función () {
/* $("#mainNav .item").mouSEOver(función() {
var $ul = $(this).find("ul");
$ul.slideDown(500)
})
$("#mainNav .item").mouseout(función () {
var $ul = $(this).find("ul");
$ul.slideUp(500);
})*/
/* 当鼠标从SPAN中一出来时触发了mouseout事件由于事件冒泡也出发了.item的onmouseout事件二级菜单消失，但此时又移入了item又触发了mouseover事件所以又显示出来。这时就会出现先消失在出来的情况.
*/
$("#mainNav .item").hover(
función() {
var $ul = $(this).find("ul");
$ul.slideDown(500);
},
función () {
var $ul = $(this).find("ul");
$ul.slideUp(500);
}
)
/*
$("#mainNav .item").cada(función(){
var $esteArtículo = $(esto);
$thisItem.hover(
función () {
var $thisUl = $thisItem.find("ul");
//$thisUl.slideToggle(500);
$thisUl.slideDown(500);
},
función(){
var $thisUl = $thisItem.find("ul");
$thisUl.slideUp(500)
}
);
});
*/
/* $("#mainNav .item span").mouseover(función() {
var $ul = $(esto).siguiente();
$ul.mostrar()
})
$("#mainNav .item").mouseout(función () {
var $ul = $(esto).find("ul")
$ul.ocultar();
})
*/
})
//http://www.happinesz.cn/archives/1020/
cuerpo{ margen:10 auto; relleno: 0; tamaño de fuente: 14px;}
ul,li{ margen:0; relleno: 0}
#mainNav{ tipo-estilo-lista:none}/*在IE中给ul设置了tipo-estilo-lista会将应用到所有子li中，FF中只会应用到1级的li*/
#mainNav li.item { float:izquierda; margen izquierdo: 50px; ancho: 80px; *pantalla:en línea; /*por ejemplo, 6*/ }
#mainNav li.item span{ text-align:center; mostrar:bloquear; ancho: 98%; borde: 1px sólido #000;}
#mainNav li.item ul{list-style-type:none;}/*FF需要重新给ul设置list-style-type*/
#mainNav li.item ul{ display:none; color de fondo:#CCC}
div.prueba{ altura:30px; ancho: 50 píxeles; margen izquierdo: 50px; borde: 1px sólido #ccc}
-