테이블 셀에 링크하는법 & 마우스 오버 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

테이블 셀에 링크하는법 & 마우스 오버 정보

JavaScript 테이블 셀에 링크하는법 & 마우스 오버

본문

# 무엇? : 테이블 셀에 링크하는법 & 마우스 오버시 색 변함
# 호환? : ie, 파폭에서 잘 됨
# 특징? : 브라우저 하단에 링크주소 안나타남.

# 예제 :

구글로 이동
네이버로 이동
엠파스로 이동
롤 오버 없음. 썰 이동
셀 링크 없음

 

# 예제 소스 :

<table border=1 width="400" cellspacing="0" cellpadding="9">
    <tr>
        <td bgcolor='#eeeeee' onMouseOver='this.style.backgroundColor="#299eab"' onMouseOut='this.style.backgroundColor="#eeeeee"' onClick="location='http://google.co.kr'">구글로 이동</td>
    </tr>
    <tr>
        <td bgcolor='#eeeeee' onMouseOver='this.style.backgroundColor="#ff00ff"' onMouseOut='this.style.backgroundColor="#eeeeee"' onClick="location='http://naver.co.kr'">네이버로 이동</td>
    </tr>
    <tr>
        <td bgcolor='#eeeeee' onMouseOver='this.style.backgroundColor="#a9aecc"' onMouseOut='this.style.backgroundColor="#eeeeee"' onClick="location='http://empas.co.kr'">엠파스로 이동</td>
    </tr>
    <tr>
        <td bgcolor='#eeeeee' onClick="location='http://sir.co.kr'">롤 오버 없음. 썰 이동</td>    </tr>
    <tr>
        <td bgcolor='#eeeeee' onMouseOver='this.style.backgroundColor="#aaee00"' onMouseOut='this.style.backgroundColor="#eeeeee"'>셀 링크 없음</td>
    </tr>
</table>

 

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
추천
0
  • 복사

댓글 5개

© SIRSOFT
현재 페이지 제일 처음으로