|
|
|
11년 전
|
조회 4,725
|
|
|
|
11년 전
|
조회 3,189
|
|
|
|
11년 전
|
조회 3,373
|
|
|
|
11년 전
|
조회 1,806
|
|
|
|
11년 전
|
조회 2,675
|
|
|
|
11년 전
|
조회 2,191
|
|
|
|
11년 전
|
조회 4,780
|
|
|
|
11년 전
|
조회 2,642
|
|
|
|
11년 전
|
조회 2,612
|
|
|
|
11년 전
|
조회 2,784
|
|
|
|
11년 전
|
조회 4,863
|
|
|
|
11년 전
|
조회 4,837
|
|
|
|
11년 전
|
조회 4,620
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 4,647
|
|
|
지운아빠
|
11년 전
|
조회 3,905
|
|
|
|
11년 전
|
조회 4,389
|
|
|
|
11년 전
|
조회 1,932
|
|
|
|
11년 전
|
조회 3,705
|
|
|
|
11년 전
|
조회 3,710
|
|
|
|
11년 전
|
조회 3,770
|
|
|
|
11년 전
|
조회 2,772
|
|
|
|
11년 전
|
조회 3,221
|
|
|
|
11년 전
|
조회 2,564
|
|
|
|
11년 전
|
조회 2,352
|
|
|
|
11년 전
|
조회 2,986
|
|
|
|
11년 전
|
조회 2,272
|
|
|
|
11년 전
|
조회 5,146
|
|
|
|
11년 전
|
조회 4,839
|
|
|
|
11년 전
|
조회 2,552
|
|
|
|
11년 전
|
조회 3,779
|
|
|
|
11년 전
|
조회 2,206
|
|
|
|
11년 전
|
조회 2,966
|
|
|
|
11년 전
|
조회 4,589
|
|
|
|
11년 전
|
조회 4,917
|
|
|
|
11년 전
|
조회 5,824
|
|
|
|
11년 전
|
조회 2,200
|
|
|
|
11년 전
|
조회 2,770
|
|
|
|
11년 전
|
조회 4,215
|
|
|
|
11년 전
|
조회 2,368
|
|
|
|
11년 전
|
조회 2,376
|
|
|
삼관왕
|
11년 전
|
조회 2,959
|
|
|
|
11년 전
|
조회 2,247
|
|
|
|
11년 전
|
조회 3,491
|
|
|
|
11년 전
|
조회 3,020
|
|
|
|
11년 전
|
조회 5,096
|
|
|
|
11년 전
|
조회 3,518
|
|
|
|
11년 전
|
조회 5,787
|
|
|
|
11년 전
|
조회 2,598
|
|
|
|
11년 전
|
조회 2,444
|
|
|
|
11년 전
|
조회 3,112
|
|
|
|
11년 전
|
조회 3,096
|
|
|
|
11년 전
|
조회 2,628
|
|
|
|
11년 전
|
조회 2,277
|
|
|
|
11년 전
|
조회 2,899
|
|
|
|
11년 전
|
조회 2,334
|
|
|
|
11년 전
|
조회 2,407
|
|
|
|
11년 전
|
조회 2,629
|
|
|
|
11년 전
|
조회 2,470
|
|
|
|
11년 전
|
조회 2,177
|
|
|
|
11년 전
|
조회 3,380
|
|
|
|
11년 전
|
조회 3,205
|
|
|
|
11년 전
|
조회 4,364
|
|
|
|
11년 전
|
조회 2,372
|
|
|
|
11년 전
|
조회 2,126
|
|
|
|
11년 전
|
조회 2,212
|
|
|
|
11년 전
|
조회 4,111
|
|
|
|
11년 전
|
조회 2,313
|
|
|
|
11년 전
|
조회 2,546
|
|
|
|
11년 전
|
조회 2,069
|
|
|
|
11년 전
|
조회 2,780
|
|
|
|
11년 전
|
조회 2,797
|
|
|
|
11년 전
|
조회 2,214
|
|
|
|
11년 전
|
조회 2,409
|
|
|
|
11년 전
|
조회 2,076
|
|
|
|
11년 전
|
조회 2,011
|
|
|
|
11년 전
|
조회 2,819
|
|
|
|
11년 전
|
조회 2,177
|
|
|
|
11년 전
|
조회 2,083
|
|
|
|
11년 전
|
조회 2,231
|
|
|
|
11년 전
|
조회 2,338
|
|
|
|
11년 전
|
조회 2,027
|
|
|
|
11년 전
|
조회 2,097
|
|
|
|
11년 전
|
조회 2,529
|
|
|
|
11년 전
|
조회 2,159
|
|
|
|
11년 전
|
조회 2,521
|
|
|
|
11년 전
|
조회 2,194
|
|
|
|
11년 전
|
조회 2,211
|
|
|
|
11년 전
|
조회 2,335
|
|
|
|
11년 전
|
조회 2,073
|
|
|
|
11년 전
|
조회 2,119
|
|
|
|
11년 전
|
조회 2,321
|
|
|
|
11년 전
|
조회 3,211
|
|
|
|
11년 전
|
조회 2,135
|
|
|
|
11년 전
|
조회 2,144
|
|
|
|
11년 전
|
조회 2,033
|
|
|
|
11년 전
|
조회 2,494
|
|
|
|
11년 전
|
조회 2,138
|
|
|
|
11년 전
|
조회 2,060
|
|
|
|
11년 전
|
조회 2,367
|
댓글 5개
여기 하단 배너 마우스 올린것처럼 말씀하시는듯 하네요...
일단 png 로 이미지 만들고 css 로 hover 할경우 오버 이미지를 display:block 시켜주면 간단히 됩니다..
위 사이트 개발자도구로 분석해보세요~
요런거요?? 소스보기하셔서 script, html, css 잘 분석해보세요.
스크립트는
<script type="text/javascript">
$(function(){
$(".gall_href").mouseenter(function(){
var idx = $(".gall_href").index(this);
$(".gall_cover").hide().eq(idx).show();
$(".gall_over").hide().eq(idx).show();
}).mouseleave(function(){
var idx = $(".gall_href").index(this);
$(".gall_cover").hide();
$(".gall_over").hide();
});
$("#bo_cate_on").append("<img src='/images/img_category_on.jpg'>");
$("#bo_cate a").css("width","360px")
})
</script>
요 부분만 사용됩니다.
#img1 a:hover{width:100px;height:100px;padding:0;margin:0;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;background:url('위에 올라갈 png이미지경로와 파일명');}
으로 스타일정의하고
<div id="img1"><img src="원래이미지 경로"></div>
해보시기 바랍니다.
갯수가 여러개일 경우에는
#img2
#img3
이런식으로 정의를 늘려주시면 되겠네요 ^^