메뉴 미리보기
마우스 오버시 타원형의 희미한 색상이 보이는 깔끔한 메뉴 입니다.
메뉴 소스보기
<table cellspacing="1" cellpadding="8" width="150">
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글을 적으세요'" onmouseout="menu6.innerText=''">희야의웹하우스</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글을 적으세요'" onmouseout="menu6.innerText=''">ABOUT</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='오늘일기'" onmouseout="menu6.innerText=''">DIARY</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='자유게시판'" onmouseout="menu6.innerText=''">BBS</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글'" onmouseout="menu6.innerText=''">LINK</a></td></tr>
<tr><td align="center"><font color="peru" size="1">→</font> <font color="black" size="1" id="menu6"></font> <font color="peru" size="1">←</font></td></tr>
</td></tr></table>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글을 적으세요'" onmouseout="menu6.innerText=''">희야의웹하우스</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글을 적으세요'" onmouseout="menu6.innerText=''">ABOUT</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='오늘일기'" onmouseout="menu6.innerText=''">DIARY</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='자유게시판'" onmouseout="menu6.innerText=''">BBS</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글'" onmouseout="menu6.innerText=''">LINK</a></td></tr>
<tr><td align="center"><font color="peru" size="1">→</font> <font color="black" size="1" id="menu6"></font> <font color="peru" size="1">←</font></td></tr>
</td></tr></table>
이 테이블도 설명부분이 들어가 있습니다.
수정하는것도 꽤 간편합니다.
잘 사용하세요 @_@
'■ 블로그꾸미기 > 테이블만들기' 카테고리의 다른 글
깔끔한 css 메뉴 (가로사이즈) (0) | 2010.09.30 |
---|---|
깔끔한 css 테이블 메뉴 - 4 (0) | 2010.09.30 |
깔끔한 테이블 메뉴 - 2 (0) | 2010.09.27 |
깔끔한 테이블 메뉴 - 1 (0) | 2010.09.26 |