이전
목록
다음
s

이미지에 커서를 대었을때 rollover와 rollout 효과주는 방법

senseme
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2013-03-21 (목) 22:28:32 · 4208 · 3
롤오버 이미지 적용은 간단하게 아래 스타일시트를 이용하면 편리합니다.


방법은 아래와 같이, webftp를 통해 기본이미지와 롤오버이미지를 업로드 한 다음 해당 경로를 넣어주면 됩니다.

아래 소스를 원하는 페이지의 원하는 공간에 넣어 적용해보시기 바랍니다.

<style>
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }
</style>

<a href="#" class="rollover"><img src="기본이미지" border="0" align="absmiddle"><img src="롤오버이미지" border="0" class="over"></a>
#개발자팁 #개발자 #팁자료실 #기타
|

댓글 3개

이이슬인
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-03-24 (일) 17:09:41
유용한 팁이네요~
ssenseme
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-03-26 (화) 22:52:53
감사합니다.^^
화화이팅여
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-05-04 (토) 08:50:25
이렇게 필요한 부분만 쏙 빼서 설명해주니까 이해가 되네요....
왕초보인 저에게도 많은 도움이 되네요... ^^

감사합니다.^^*
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-04-05 조회 7,075
13-04-05 조회 6,488
13-04-04 조회 4,012
13-04-02 조회 4,091
13-04-02 조회 6,029
13-04-02 조회 6,934
13-04-02 조회 7,283
13-04-02 조회 4,398
13-04-01 조회 3,927
13-04-01 조회 3,596
13-04-01 조회 3,542
13-03-31 조회 5,620
13-03-31 조회 5,721
13-03-31 조회 4,067
13-03-29 조회 5,576
13-03-28 조회 4,292
13-03-28 조회 1.1만
13-03-28 조회 4,444
13-03-28 조회 6,584
13-03-28 조회 9,125
13-03-28 조회 4,253
13-03-27 조회 5,567
13-03-27 조회 3,242
13-03-26 조회 3,992
13-03-25 조회 3,943
13-03-24 조회 3,956
13-03-24 조회 6,141
13-03-24 조회 3,851
13-03-23 조회 4,627
13-03-23 조회 3,990
13-03-23 조회 3,634
13-03-23 조회 4,325
13-03-22 조회 4,899
13-03-21 조회 4,209
13-03-21 조회 3,885
13-03-21 조회 4,519
13-03-21 조회 1.7만
13-03-21 조회 3,731
13-03-21 조회 3,498
13-03-20 조회 5,609
13-03-20 조회 1.2만
13-03-20 조회 4,154
13-03-20 조회 3,738
13-03-20 조회 4,219
13-03-20 조회 3,749
13-03-20 조회 3,852
13-03-20 조회 6,032
13-03-20 조회 4,012
13-03-20 조회 4,713
13-03-20 조회 3,634
13-03-19 조회 3,993
13-03-19 조회 5,740
13-03-18 조회 3,461
13-03-18 조회 4,193
13-03-18 조회 4,472
13-03-17 조회 5,001
13-03-16 조회 4,872
13-03-16 조회 5,335
13-03-14 조회 3,762
13-03-14 조회 3,861
13-03-14 조회 7,065
13-03-14 조회 4,209
13-03-14 조회 4,498
13-03-13 조회 8,242
13-03-13 조회 5,912
13-03-13 조회 5,014
13-03-12 조회 4,099
13-03-11 조회 6,456
13-03-11 조회 5,473
13-03-11 조회 5,018
13-03-10 조회 4,657
13-03-10 조회 4,380
13-03-10 조회 4,320
13-03-10 조회 4,105
13-03-09 조회 5,049
13-03-08 조회 4,512
13-03-08 조회 4,096
13-03-08 조회 5,181
13-03-08 조회 4,291
13-03-08 조회 4,934
13-03-07 조회 6,237
13-03-07 조회 3,814
13-03-07 조회 4,963
13-03-05 조회 3,721
13-03-04 조회 4,168
13-03-03 조회 4,933
13-03-03 조회 4,534
13-03-03 조회 7,375
13-03-03 조회 5,396
13-03-03 조회 5,673
13-03-03 조회 4,046
13-03-03 조회 1.1만
13-03-03 조회 6,167
13-03-01 조회 4,064
13-03-01 조회 3,940
13-03-01 조회 5,497
13-03-01 조회 8,221
13-03-01 조회 6,197
13-02-28 조회 4,186
13-02-28 조회 1.6만
글쓰기