테스트 사이트 - 개발 중인 베타 버전입니다
SIR

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

고냉이
프로필 보기이 회원 글보기
 · 20년 전 · 3730 · 5

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

rang2ya
프로필 보기이 회원 글보기
 20년 전
scrap
플록
프로필 보기이 회원 글보기
 20년 전
좋은팁 감사합니다.
낭만자객
프로필 보기이 회원 글보기
 20년 전
테이블 셀에 링크하는법
pearly
프로필 보기이 회원 글보기
 19년 전
보드만들면 좋겠다.
황길재
프로필 보기이 회원 글보기
 19년 전
유용한 팁입니다.

게시글 목록

번호 제목
951
기타 [HTML] 기본 구조 1
946
기타 사진 올라가는 효과~ 4
942
기타 iframe 사이즈 페이지에 맞게 자동 조절 3
937
기타 타이틀바에도 시계넣기=33 4
933
기타 필터 이용하여 테이블에 그라데이션 효과 주기(I.E 6.0 전용) 3
928
기타 타입 툴사용시 팁 4
925
JavaScript 쓸모있는 'border-collapse' 속성 2
923
Linux 페도라 리눅스 시디1장으로 설치하기 1
922
MySQL [펌] MySQL 3.23.52 -> 4.0.17 버전으로 업그레이드 설치하는법
17851
HTML IE - 스크롤바 색상의 정확한 적용 2
921
기타 Warning: Illegal offset type in /home/account/xxx.php on line n
918
기타 게시판 이나 테이블 <TD>값에 배경이미지 고정하기 2
17849
HTML HTML Utopia:Designing Without Tables Using CSS 1
915
기타 이미지를 미리 불러올(Preload) 필요가 없는 CSS Image Rollover 2
914
JavaScript 움직임이 자연스러운 자바시계
913
기타 당신의 홈피에 머문시간을 상태표시줄에 보여주기.
909
JavaScript 마우스 cursor 3
908
기타 그림자가 있는 글자
905
기타 6개국 시간 2
901
기타 css_table 1
903
기타 └Re: css_table 1
899
기타 iframe 의 크기를 자동으로 지정 1
893
JavaScript 일러스트에서 한글 자판이 안먹힐때. 5
888
Flash 이미지 없이 CSS로 둥근 모서리 구현하기 4
886
기타 간결,빠름,불여우,익스 : 레이어 메뉴 1
이전 다음
전체 목록