CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 52
0
조회 수 : 14966 신고 : 0
미리보기 : |
---|
스크립트를 사용해서 하는 방법은 다양하나 css를 이용해서 마우스 오버시 이미지 확대하는 효과입니다.
응용해서 사용하면 괜찮을듯 합니다.
미리보기
css 소스는 다음과 같습니다.
<style type="text/css">
img { position:absolute;border:0; }
a:hover img { width:600px; height:400px; padding:5px; background:#fff; border:1px solid #000; } /* 확대했을때 보여질 이미지 */
</style>
<body> 안에 이미지가 위치할 부분에 다음소스를 넣으시면 됩니다.
<a href="클릭시이동한곳"><img src="이미지경로" alt="확대이미지" width="300" height="200" /></a>
다양한 방법으로 응용해 보세요.^^
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!