롤오버 이미지 적용은 간단하게 아래 스타일시트를 이용하면 편리합니다.
방법은 아래와 같이, 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>
방법은 아래와 같이, 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개
12년 전
유용한 팁이네요~
senseme
12년 전
감사합니다.^^
12년 전
이렇게 필요한 부분만 쏙 빼서 설명해주니까 이해가 되네요....
왕초보인 저에게도 많은 도움이 되네요... ^^
감사합니다.^^*
왕초보인 저에게도 많은 도움이 되네요... ^^
감사합니다.^^*
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5352 | 11년 전 | 2407 | ||
| 5351 | 11년 전 | 2171 | ||
| 5350 | 11년 전 | 2302 | ||
| 5349 | 11년 전 | 7543 | ||
| 5348 | 11년 전 | 2040 | ||
| 5347 |
bewitched
|
11년 전 | 1763 | |
| 5346 | 11년 전 | 1273 | ||
| 5345 | 11년 전 | 1345 | ||
| 5344 | 11년 전 | 3058 | ||
| 5343 |
프로프리랜서
|
11년 전 | 2341 | |
| 5342 |
프로프리랜서
|
11년 전 | 1914 | |
| 5341 |
프로프리랜서
|
11년 전 | 1753 | |
| 5340 |
프로프리랜서
|
11년 전 | 1813 | |
| 5339 | 11년 전 | 1429 | ||
| 5338 | 11년 전 | 3140 | ||
| 5337 |
프로프리랜서
|
12년 전 | 2237 | |
| 5336 |
프로프리랜서
|
12년 전 | 1692 | |
| 5335 |
프로프리랜서
|
12년 전 | 4029 | |
| 5334 |
프로프리랜서
|
12년 전 | 1326 | |
| 5333 |
프로프리랜서
|
12년 전 | 1780 | |
| 5332 |
차가운바람
|
12년 전 | 1170 | |
| 5331 | 12년 전 | 2847 | ||
| 5330 | 12년 전 | 3651 | ||
| 5329 | 12년 전 | 4529 | ||
| 5328 | 12년 전 | 2571 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기