마우스 올리면 이미지 바뀌는 팁 추천 부탁드립니다. > 자유게시판

자유게시판

출석체크 십년전오늘 포인트가위바위보 포인트야구게임

마우스 올리면 이미지 바뀌는 팁 추천 부탁드립니다. 정보

마우스 올리면 이미지 바뀌는 팁 추천 부탁드립니다.

본문

hover 속성을 이용해서,
이미지 A에 마우스를 올리면, 이미지 B로 바뀌는 것을 만들려고 하는데요.

스크립트를 꼭 써야 하는지요?
css만으로도 가능한 것 같은데...

<td class='trans' background='이미지B'><a href='링크'><img src='이미지A'></a></td>

css에서
.trans a:hover img { visibility:hidden; }

이렇게 주었더니, 마우스를 올릴 때 연출 양상이 불완전하더군요.
익스에서는 문제가 없는데, 다른 브라우저에서는 이미지B가 덜덜덜 떨리는 현상......ㅠㅠ

css든, 스크립트든 테이블에서 사용할 만한 것 추천 부탁드립니다.


추천
0
  • 복사

댓글 10개

물한모금 홈페이지 자기소개 아이디로 검색 회원게시물
(211.♡.♡.148)
10.03.07 17:47:01
아니에요, 일현님~
일현님이 올리신 거 모두~~ 다운받아서 사용중입니다.^^
(저에게는 대박!!)

말씀하신 자료로 지금 작업중인데... 소위 표준브라우저 얘네들은 잘 되는데,
익스에서 이상하게 나와서요.
(아... 올려주신 소스가 이상하다는 것이 아니라, 무지한 제가 잘 다루지 못해서 생긴 현상입니다. 오해는 없으시길....)

그래서... 좀더 단순하게 할 수 있는 게 없을까... 감히 질문드렸습니다. (__)
물한모금 홈페이지 자기소개 아이디로 검색 회원게시물
(211.♡.♡.148)
10.03.07 17:52:10
아... 일현님 안 그래도 위 소스 작업중에 질문이 있는데요.
익스7에 적용하는 핵이요.... 그거 안써도 되는지요?
그 핵 소스를 넣으면, 브라우저 창 아래에 오류메시지가 나타나서요.
PROFILE 자기소개 아이디로 검색 회원게시물
(115.♡.♡.147)
10.03.07 19:02:00
그냥 간단하게 하실거면

<a href="링크주소" onfocus='this.blur()'><img src="롤오버전이미지" onmouseover="this.src='롤오버이미지'" onmouseout="this.src='롤오버전이미지'" border="0"></a>

이렇게 하시면 되지 않나요 ?

CSS로 하는 방법도 있습니다만 간단하게는 이렇게 처리를 하시면 되는데 ^^

CSS말씀 하시는건가요 ?
물한모금 홈페이지 자기소개 아이디로 검색 회원게시물
(211.♡.♡.148)
10.03.07 19:19:53
아하! 이렇게 하면 되는 거군요!
잘 되네요.
css도 좋은 팁인데, 초보 입장에서 이리저리 막혀서 다른 방법을 찾았습니다.

고맙습니다, PROFILE님 ^^
덕분에 제대로 되네요. 아휴... 삽질만 무진장 했어요.^^
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로