<!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">
<kepala>
<title>无标题文档</title>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312" />
<skrip bahasa="javaScript" type="text/Javascript" src="jquery/jquery.js"></script>
<skrip tipe="teks/javascript">
$(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事件二mouseov er事件所以又显示出来。这时就会出现先消失在出来的情况。
*/
$("#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/
</skrip>
<gaya tipe="teks/CSS">
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:30 piksel; lebar:50 piksel; margin-kiri:50px; batas:1px padat #ccc}
</gaya>
</kepala>
<tubuh>
<ul id="Nav Utama">
<li kelas="barang">
<span><strong>新闻</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li kelas="barang">
<span> <strong>产品</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li kelas="barang">
<span><strong>公司</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
</tubuh>
</html>
-