링크에 마우스오버시 내용 바뀌기
요즘 많이 사용되는 것중에 하나죠.
소스를 실행시켜 보시면 내용을 아실 겁니다.
지식에 있는 내용입니다. 참고하세요.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>무제 문서</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function changeLayer(k){
for(i=1; i<=2; i++){
layer = eval('document.all.layer' +i);
if(i==k){
layer.style.visibility ='visible';
}else{
layer.style.visibility ='hidden';
}
}
}
//-->
</script>
</head>
<body>
<table><tr>
<td width="121" onMouseOver="changeLayer(1)">메뉴1</td>
<td width="136" onMouseOver="changeLayer(2)">메뉴2</td>
</tr>
<tr>
<td height="132" colspan=N>
<div style="position:relative">
<div style='position:absolute; visibility:visible;' id=layer1>게시판1</div>
<div style='position:absolute; visibility:hidden;' id=layer2>게시판2</div>
</div>
</td>
</tr>
</table>
</body>
</html>
'컴퓨터-유용한팁 > HTML' 카테고리의 다른 글
주소창에 사이트 아이콘 띄우는 방법 (0) | 2015.09.05 |
---|---|
즐겨찾기 버튼 만들기 (0) | 2015.09.05 |
링크 관련 CSS(스타일시트) (0) | 2015.09.05 |
홈페이지내에 CSS로 이미지 테두리 없애기 (0) | 2015.09.05 |
링크걸린 텍스트/이미지 클릭하면 생기는 점선 테두리 없애기 (0) | 2015.09.05 |