 |
|
| |
|
   홈페이지 |
20년 전 |
▶ 적용예제 : http://www.mokponews.com/0111/0111.php
<script language="javascript">
<!--
function DisplayMenu(index) {
for (i=1; i<=4; i++)
if (index == i) {
thisMenu = eval("menu" + index + ".style");
thisMenu.display = "";
}
else {
otherMenu = eval("menu" + i + ".style");
otherMenu.display = "none";
}
}
-->
</script>
<div id="menu1" style="display:;">
<table border="0" cellpadding="0" cellspacing="0" width="246" align=center>
<tr>
<td><a href="javascript:DisplayMenu(1)"><img src="이미지1.gif" width="60" height="30" border="0"></a><a href="javascript:DisplayMenu(2)"><img src="이미지2.gif" width="60" height="30" border="0" hspace="2"></a><a href="javascript:DisplayMenu(3)"><img src="이미지3.gif" width="60" height="30" border="0" hspace=""></a><a href="javascript:DisplayMenu(4)"><img src="이미지4.gif" width="60" height="30" border="0" hspace="2"></a><br></td>
</tr>
<tr>
<td height=100 bgcolor=ff99cc> <li> 여기에 뭐든 넣어 봐요 </td>
</tr>
</table>
</div>
<div id="menu2" style="display:none;">
<table border="0" cellpadding="0" cellspacing="0" width="246" align=center>
<tr>
<td><a href="javascript:DisplayMenu(1)"><img src="이미지1.gif" width="60" height="30" border="0"></a><a href="javascript:DisplayMenu(2)"><img src="이미지2.gif" width="60" height="30" border="0" hspace="2"></a><a href="javascript:DisplayMenu(3)"><img src="이미지3.gif" width="60" height="30" border="0" hspace=""></a><a href="javascript:DisplayMenu(4)"><img src="이미지4.gif" width="60" height="30" border="0" hspace="2"></a><br></td>
</tr>
<tr>
<td height=200 bgcolor=cccccc> <li> 두 번째는 여기에 뭘 넣지?</td>
</tr>
</table>
</div>
<div id="menu3" style="display:none;">
<table border="0" cellpadding="0" cellspacing="0" width="246" align=center>
<tr>
<td><a href="javascript:DisplayMenu(1)"><img src="이미지1.gif" width="60" height="30" border="0"></a><a href="javascript:DisplayMenu(2)"><img src="이미지2.gif" width="60" height="30" border="0" hspace="2"></a><a href="javascript:DisplayMenu(3)"><img src="이미지3.gif" width="60" height="30" border="0" hspace=""></a><a href="javascript:DisplayMenu(4)"><img src="이미지4.gif" width="60" height="30" border="0" hspace="2"></a><br></td>
</tr>
<tr>
<td height=150 bgcolor=ff6633> <li> 여기도 넣어 봐요 <br> <li> 이미지도 좋구요</td>
</tr>
</table>
</div>
<div id="menu4" style="display:none;">
<table border="0" cellpadding="0" cellspacing="0" width="246" align=center>
<tr>
<td><a href="javascript:DisplayMenu(1)"><img src="이미지1.gif" width="60" height="30" border="0"></a><a href="javascript:DisplayMenu(2)"><img src="이미지2.gif" width="60" height="30" border="0" hspace="2"></a><a href="javascript:DisplayMenu(3)"><img src="이미지3.gif" width="60" height="30" border="0" hspace=""></a><a href="javascript:DisplayMenu(4)"><img src="이미지4.gif" width="60" height="30" border="0" hspace="2"></a><br></td>
</tr>
<tr>
<td height=300 bgcolor=ff33ff> <li> 뭐를 넣어도 되요<br> <li> 최근 게시물도 좋아요 </td>
</tr>
</table>
</div>
■ 사용설명
1. 메뉴의 수량을 얼마든지 추가/삭제가 가능함.
2. 내용부분의 테이블에 최근 게시물이나, 이미지를 추출해도 됨.
|
|
 추천 : 350 |
추천
목록
|
|
| |
|
