고

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

# 무엇? : 테이블 셀에 링크하는법 & 마우스 오버시 색 변함
# 호환? : 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에서 이동 됨]
|

댓글 5개

좋은팁 감사합니다.
테이블 셀에 링크하는법
보드만들면 좋겠다.
유용한 팁입니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-01-11 조회 2,743
12-01-11 조회 1.2만
12-01-10 조회 2,844
12-01-08 조회 3,438
12-01-05 조회 5,329
11-12-29 조회 3,046
11-12-27 조회 2,833
11-12-25 조회 3,015
11-12-22 조회 3,452
11-12-14 조회 2,916
11-12-12 조회 3,533
11-11-28 조회 3,375
10-10-19 조회 2,834
08-09-05 조회 3,754
08-09-05 조회 3,569
08-06-14 조회 3,314
08-04-22 조회 3,589
08-04-17 조회 3,594
07-10-03 조회 4,210
07-10-03 조회 3,605
07-10-03 조회 7,286
07-10-03 조회 4,564
07-10-03 조회 3,262
07-10-03 조회 2,853
07-10-02 조회 3,569
07-10-02 조회 3,097
07-09-27 조회 5,016
07-09-27 조회 3,841
06-09-26 조회 3,514
06-09-26 조회 4,730
06-09-22 조회 3,905
06-09-22 조회 3,520
06-09-22 조회 4,268
06-09-21 조회 4,201
06-08-18 조회 3,691
05-11-30 조회 4,739
05-07-15 조회 4,587
05-03-23 조회 4,651
05-03-14 조회 3,319
05-03-13 조회 2,695
04-08-05 조회 5,767