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

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

개발자 javascript
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 20년 전 · 3742 · 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
프로필 보기이 회원 글보기이 회원의 댓글보기
 20년 전
보드만들면 좋겠다.
황길재
프로필 보기이 회원 글보기이 회원의 댓글보기
 19년 전
유용한 팁입니다.

게시판 목록

팁게시판

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

PHP 속도를 향상시키는 방법들 [9]

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

이력서 양식

#기획자
서동요
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

Crazyfiles.com의 Main page Source !! [1]

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

너무나도 유용한 플래쉬 메뉴입니다 [11]

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

object의 param태그 속성과 속성값 [5]

#개발자 #flash
가가을
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

asx가 필요없는 배경음악 랜덤연속재생... [1]

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

웹서버 지원 변수를 확인 [4]

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

php.ini [3]

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

php로 만든 디비 백업스크립트(쉘용) [7]

#개발자 #mysql
유창화
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

움직이는 gif도 썸네일을 만들수 있는 함수 [5]

#퍼블리셔 #html
유창화
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

gd를 이용한 썸네일 만들기 [2]

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

netpbm을 이용한 썸네일 만들기

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

Ajax에서 [즐겨찾기]와 [뒤로가기]를 다루는 방법! [2]

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

Ajax 한글 깨지지 않게 하는 방법을 알아 봅시다~!

#개발자 #php
ⓦangcho
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

초짜를 위한 Ajax 입문하기 좋은 소스 [5]

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

Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개! [4]

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

초짜의 영문Flash 도움말 한글로 바꿔여~~! [3]

#개발자 #flash
ⓦangcho
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

초짜의 여러가지 텍스트 Effects 연습 [3] [2]

#개발자 #flash
ⓦangcho
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

초짜의 여러가지 텍스트 Effects 연습 [2] [1]

#개발자 #flash
ⓦangcho
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

초짜의 여러가지 텍스트 Effects 연습 [1]

#개발자 #flash
ⓦangcho
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

배경 이미지 넣기(화면 왼쪽에 작은 이미지 고정으로) [3]

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

CSS 사전입니다.(zip 압축파일) [13]

#퍼블리셔 #기타
Photofly
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

mysql 루트 권한이 있다면 모든 데이타베이스의 모든 테이블을 한꺼번에 최적화 하는 것 [4]

#개발자 #mysql
유창화
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

간단한 디렉토리 인덱싱 시스템(규칙에 맞는것만 보여줌) [1]

#퍼블리셔 #html
유창화
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전

셀렉트에 스타일을 적용하자 [3]

#개발자 #javascript
터미
프로필 보기이 회원 글보기이 회원의 댓글보기
• 19년 전
🐛 버그신고