깔끔하면서 간단한 테이블 메뉴 구성 (마우스 롤오버 cell 색상변경)
페이지 정보
작성자 서방님 댓글 0건 조회 83회 작성일 07-08-11 15:14본문
<html>
<head>
<title>http://www.blueb.co.kr</title>
<style>
<!--
.tooltext1 {color:white;font-family:TAHOMA;font-size:9pt;cursor:hand}
-->
</style>
<script language="Javascript">
<!--
function inCell(cell, newcolor) {
if (!cell.contains(event.fromElement)) {
cell.bgColor = newcolor;
}
}
function outCell(cell, newcolor) {
if (!cell.contains(event.toElement)) {
cell.bgColor = newcolor;
}
}
//-->
</script>
</head>
<body>
<table border="0" cellpadding="3" cellspacing="0">
<tr height=30 align=center>
<td width="70" onClick="location='http://www.blueb.co.kr'" bgcolor="#FFCC00" onmouseover="inCell(this, '#FF0000');" onmouseout="outCell(this, '#FFCC00');" class="tooltext1">HOME</td>
<td width="70" onClick="location='http://www.blueb.co.kr'" bgcolor="#c0c0c0" onmouseover="inCell(this, '#0000FF');" onmouseout="outCell(this, '#c0c0c0');" class="tooltext1">메뉴 1</td>
<td width="70" onClick="location='http://www.blueb.co.kr'" bgcolor="#c0c0c0" onmouseover="inCell(this, '#0000FF');" onmouseout="outCell(this, '#c0c0c0');" class="tooltext1">메뉴 2</td>
<td width="70" onClick="location='http://www.blueb.co.kr'" bgcolor="#c0c0c0" onmouseover="inCell(this, '#0000FF');" onmouseout="outCell(this, '#c0c0c0');" class="tooltext1">메뉴 3</td>
<td width="70" onClick="location='http://www.blueb.co.kr'" bgcolor="#c0c0c0" onmouseover="inCell(this, '#0000FF');" onmouseout="outCell(this, '#c0c0c0');" class="tooltext1">메뉴 4</td>
<td width="70" onClick="location='http://www.blueb.co.kr'" bgcolor="#c0c0c0" onmouseover="inCell(this, '#0000FF');" onmouseout="outCell(this, '#c0c0c0');" class="tooltext1">메뉴 5</td>
</tr>
</table>
댓글목록
등록된 댓글이 없습니다.
