반응형
멀티 최근게시물 등에서 마우스 오버가 아닌..
클릭 시에 변경되도록하는 스크립트.....저장용
아래 소스 참고~!
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<script language="javascript">
<!--
function DisplayMenu(index) {
for (i=1; i<=4; i++)
if (index == i) {
document.getElementById('menu' + index).style.display = "";
}
else {
document.getElementById('menu' + i).style.display = "none";
}
}
-->
</script>
<div id="menu1" style="display:block;">
<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>
</body>
</html>반응형
'IT 인터넷' 카테고리의 다른 글
| [PHP] shuffle을 이용한 난수발생(쿠폰생성 등에 활용) (1) | 2024.09.29 |
|---|---|
| [PHP] 파일 다운로드 구현 (1) | 2024.09.29 |
| [리눅스] logrotate 옵션 (0) | 2024.09.28 |
| [리눅스] vim(vi) 터미널 컬러 설정 (0) | 2024.09.28 |
| FTP 7.5 for IIS 7.0 가상디렉터리 기능 (0) | 2024.09.28 |
