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

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

개발자 javascript
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 20년 전 · 3733 · 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개

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

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기

테이블 셀에 링크하는법 & 마우스 오버 [5] 현재 보는 글

#개발자 #javascript
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

a href 링크로 라디오박스 선택 [8]

#개발자 #javascript
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

레이어 팔레트 opacity 값 쉽게 조정하기 [5]

#개발자 #기타
hhwatta
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

eaccelerator 소개 [1]

#개발자 #기타
hanpedro
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

Flv 플래쉬 플래이어 [7]

#개발자 #flash
낭만폐인
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

효과가 들어간 레이어를 일반 레이어로 바꾸기 [4]

#개발자 #기타
hhwatta
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

home, end키 [1]

#개발자 #javascript
hhwatta
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

특수문자 모음 [5]

#퍼블리셔 #html
yyesmoa
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

콘솔 화면 보호기 끄기

#개발자 #javascript
This
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

히스토리 지우는것 막기

#개발자 #기타
This
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

VSFTP에서는 PUBLIC_HTML에.... [1]

#개발자 #javascript
kkyodon
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

mqueue 설정(센드메일속도 UP)

#퍼블리셔 #html
관리자
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

서버보안에 강하다는 MyServerCop. [1]

#개발자 #기타
hanpedro
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

apache + mysql + php 패키지 lampp를 소개합니다. [6]

#개발자 #mysql
hanpedro
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

최근 리눅스 서버 기본 보안 정책...리눅스를 운영하시는 분은 꼭 필독하시고 적용해 주세요.^^

#개발자 #기타
damoa.biz
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

출생년도 4자리를 이용하여 나이 환산하기 [4]

#개발자 #기타
yyesmoa
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

클릭하는 링크 점선 없애기 [2]

#개발자 #기타
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

[펌]mysql매뉴얼 [1]

#개발자 #mysql
홀홀로남은자
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

미리보기 소스 [1]

#개발자 #javascript
카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

물결치는 모습 [8]

#개발자 #flash
노노니맨
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

sendmail을 telnet상에서 곧바로 테스트 할 때 사용 [3]

#개발자 #기타
관리자
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

이미지 없이 모서리 라운드 테이블 만들어 최신글 구현 [11]

#개발자 #기타
웰웰빙낙도
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

액션 스크립만으로 윈도우창 띄우기 [2]

#개발자 #기타
낭만아키
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

링크에 마우스를 대면 따라 떠 있는 레이어(풍선형 도움말)

#개발자 #기타
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

403 Forbidden error 생길때 [2]

#개발자 #javascript
크크리스탈처럼
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전