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

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

개발자 javascript
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 20년 전 · 3739 · 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에서 해주시기 바랍니다.
글쓰기

euc-kr 문서를 utf-8 로 변환 [3]

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

펜툴을 이용해서 필요한 만큼만 오려내기 [2]

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

잘되는 센드메일 수신이 안될때...

#퍼블리셔 #html
꿈꾸는비행기
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

프린트 페이지바꿔 출력하기 [1]

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

Ajax 흉내 내기

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

포토샵에서 트랜스폼과 카피를 동시에 하는 방법 [2]

#개발자 #javascript
막시무스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

포토샵에서 작업하는 이미지를 전체 화면으로 보려면? [4]

#개발자 #기타
막시무스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

mod_rewrite 설치 법 [2]

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

새 파일 열기(웹용 및 출력용)

#개발자 #기타
모르솔라
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

포토샵의 블렌딩 모드 [2]

#개발자 #javascript
막시무스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

opacity(투명도) 값 쉽게 먹이기. [3]

#개발자 #javascript
막시무스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

창에 꼭 맞게 확대축소. [5]

#개발자 #기타
막시무스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

글자를 쓰고나서 . . . 다른 글자 수정시 [2]

#퍼블리셔 #html
막시무스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

서버정보검색 [1]

#개발자 #기타
=33
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

텍스트시계 [3]

#개발자 #기타
=33
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

저번주 로또 당첨번호 추출.. [3]

#개발자 #php
시시그너스
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

Key 관련 [2]

#개발자 #기타
醉生夢死™
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

textarea 에 Tab기능 넣기

#퍼블리셔 #html
醉生夢死™
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

mod_bandwidth(트래픽 제한, 접속자당 제한)

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

초보일지 FC4에서 가상호스트설정과정

#개발자 #mysql
어어느별
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

pop3서버 설치 방법

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

메뉴 생성 클래스 [1]

#개발자 #javascript
태엽푸는새
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

1줄짜리 팁, textarea 자동 리사이즈

#개발자 #기타
태엽푸는새
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

qpopper(pop3) 설치

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

아이디뒤에 / 를 않 붙이면 홈페이지 접속이 안됩니다. [1]

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