$ul.show()
})
$("#mainNav .item").mouseout(function () {
var $ul = $(this).find("ul")
$ul.hide();
})
*/
})
//http://www.happinesz.cn/archives/1020/
</script>
<style type="text/CSS">
body{ margin:10 auto; padding:0; font-size:14px;}
ul,li{ margin:0; padding:0}
#mainNav{ list-style-type:none}/*在IE中给ul设置了list-style-type会将应用到所有子li中，FF中只会应用到1级的li*/
#mainNav li.item { float:left; margin-left:50px; width:80px; *display:inline; /*for ie 6*/ }
#mainNav li.item span{ text-align:center; display:block; width:98%;border:1px solid #000;}
#mainNav li.item ul{list-style-type:none;}/*FF需要重新给ul设置list-style-type*/
#mainNav li.item ul{ display:none; background-color:#CCC}
div.test{ height:30px; width:50px; margin-left:50px; border:1px solid #ccc}
</style>
</head>
<body>
<ul id="mainNav">
<li class="item">
<span><strong>新闻</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li class="item">
<span> <strong>产品</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li class="item">
<span><strong>公司</strong></span>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
</body>
</html>
-
2/2 首页 上一页 1 2 |
