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

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

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

2개 테이블에서 중복된거라도 한개씩만 추출하기 입니다.

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

MySQL php함수 정리 입니다.

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

MySQL php오류 정리 입니다.

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

연산자 관련함수 정리 입니다.

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

폼 유효성검사해주는 자바스트립트 라이브러리

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

텝메뉴 상단고정 및 해당위치 스크롤 [4]

#퍼블리셔 #기타
나는웹디다
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

수학 관련함수 정리 입니다.

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

문자열 관련함수 정리 입니다.

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

날짜 관련 함수 정리 입니다.

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

PHP5.6 -> PHP7.0 으로 이전시 차이점

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

Ajax 화면 전환 시 애니메이션 효과

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

Query의 기본사용 정리 입니다.

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

자주 사용하는 php와 관련 Query문 입니다.

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

콘솔 기본명령어 정리 입니다

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

암호화 SHA-256

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

mysql 인덱싱 하는 방법 입니다.

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

MySQL 덤프방법(dump) 입니다.

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

여러데이터베이스 사용하는 방법 입니다.

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

이미지에 글자쓰기

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

백업&복구(전체/부분/테이블) 하기 입니다.

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

db sql문 정리 입니다.

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

MySql 암호 초기화 및 새암호 넣기 입니다.

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

라디오버튼, 체크박스 테두리 없애기 입니다.

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

현재 페이지 저장하기 입니다.

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

프린트 출력 자바스크립트 입니다.

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