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

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

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

한글 php 매뉴얼 chm [9]

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

나머지 &#53829;들~~

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

패스선택툴 [1]

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

힐링브러쉬&브러쉬 툴 [2]

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

작업내역 브러쉬 [1]

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

올가미 툴 [2]

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

분할도구 [3]

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

마술봉&잘라내기 [4]

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

도장툴 [4]

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

닷지툴 [5]

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

이동툴 [4]

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

선택툴 [6]

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

뇌입어에서 뽀려온 스크롤 [3]

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

일러스트 메뉴얼. [3]

#퍼블리셔 #html
bbking
• 20년 전

php 기초 함수 예문 모음 [8]

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

접속자의 브라우져와 OS정보를 알려주는 함수입니다.

#개발자 #php
김김상훈
프로필 보기이 회원 글보기이 회원의 댓글보기
• 20년 전

간단한 플래시 매뉴 [6]

#개발자 #flash
허허저비
이 비회원 글보기
• 20년 전

포토샵 기본팁 [7]

#개발자 #기타
bbking
• 20년 전

모질라/파이어폭스에서 둥근 모서리 처리 [6]

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

이미지 도구모음 표시안하기(IE용) [2]

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

테이블 셀 배경이미지 정렬(파폭호환) [2]

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

IMG사용시 이미지가 없으면 나오는 X대신 다른이미지넣기 [2]

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

새창열어서 내용 적어주기

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

포트를 이용한 버츄얼 호스팅 기능하기

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

아파치 VirtualHost

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