<table>
<tr><td>
<div id="menu1" onclick='javascript:jump(1)'>MENU1</div>
<div style='display:none' id="submenu1">
<a href=xxx>YAHOO</a><bR>
<a href=xxx>GOOLE</a><bR>
<a href=xxx>HINET</a>
</div>
<div id="menu2"onclick='javascript:jump(2)'>MENU2</div>
<div style='display:none' id="submenu2">
<a href=# onclick='jump()'>MENU2</a>
<a href=xxx>YAHOO2</a>
<a href=xxx>GOOLE2</a>
</div>
<div id="menu3"onclick='javascript:jump(3)'>MENU2</div>
<div style='display:none' id="submenu3">
<a href=# onclick='jump()'>MENU2</a>
<a href=xxx>YAHOO3</a>
<a href=xxx>GOOLE3</a>
</div>
</td></tr>
</table>
<script>
function jump(data){
document.getElementById("submenu1").style.display='none';
document.getElementById("submenu2").style.display='none';
document.getElementById("submenu3").style.display='none';
if (data==1)document.getElementById("submenu1").style.display='';
if (data==2)document.getElementById("submenu2").style.display='';
if (data==3)document.getElementById("submenu3").style.display='';
}
</script>
- Nov 14 Sat 2009 17:35
網頁實用的MENU語法
close
全站熱搜
留言列表
發表留言