menu mutil level

Chủ Nhật, 4 tháng 3, 2012
menu mutil level
<style type="text/css"> .menuchinh{ float:left; border-color:#00CC33; border-style:groove; border:2px; } .menuphu{ float:left; border-color:#00CC33; border-style:groove; border:2px; } </style>

<script language="javascript"> function show(id) {var mem="menu"+id document.getElementById(mem).style.display="block"; } function hide(id) {var mem="menu"+id document.getElementById(mem).style.display="none"; } </script> <body> <div style="height:400px" class="menuchinh"> <ul><li onmouseover="show(1)" onmouseout="hide(1)" ><a href="#">trang chu</a></li> <li onmouseover="show(2)" onmouseout="hide(2)" ><a href="#">trang chu</a></li> </div> <div style="height:100px" class="menuphu"> <div id="menu1" style="display:none"> <ul> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> </ul> </div> <div id="menu2" style="display:none"> <ul> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> <li><a href="gghf">menu 1 1</a></li> </ul></div>
</div>
(Thủ thuật CSS)
Xem thêm bài viết cùng chuyên mục:

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn