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

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

개발자 javascript
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 20년 전 · 3735 · 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
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

테이블 생성, 컬럼 추가, 삭제, 수정

#개발자 #mysql
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

입력값을 형식에 맞게 해주는 플러그인이네요 [3]

#개발자 #javascript
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

팝업창 하루에 한번만 열기 입니다

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

테이블 사이즈를 제어하기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

유투브 관련 플러그인

#개발자 #jquery
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

input 태그에 readonly 추가하는 방법

#개발자 #jquery
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

알툴바로 인한 스크립트 오류

#개발자 #기타
띠아블
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

jquery checkbox(radio) 체크유무확인

#개발자 #jquery
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

자주 쓰이는 Jquery 팁 20가지 입니다.

#개발자 #jquery
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

jQuery 오른쪽 퀵메뉴 입니다.

#개발자 #jquery
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

textarea 글자수 카운트 입니다. [1]

#개발자 #jquery
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

무료이미지 사이트 [2]

#디자이너
씨씨에이치넷
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

ifrmae 자동 리사이즈 jQuery 입니다.

#개발자 #jquery
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

슬라이딩 형태로 보여주기 입니다.

#개발자 #jquery
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

라인 그래프 그리기 입니다.

#개발자 #jquery
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

콤보박스관련 플러그인

#개발자 #jquery
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

MySQL 기본 명령어 정리 입니다. [1]

#개발자 #mysql
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

MySQL 한글 정렬하기 입니다.

#개발자 #mysql
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

그림을 MySQL DB에 저장하는 방법

#개발자 #mysql
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

엑셀 흉내내기

#개발자 #javascript
슈슈와이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

mysql table 유무 확인 하기 입니다.

#개발자 #mysql
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

php로 만든 MySQL 백업스크립트 입니다.

#개발자 #mysql
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전