|
|
|
11년 전
|
조회 4,804
|
|
|
|
11년 전
|
조회 3,285
|
|
|
|
11년 전
|
조회 3,462
|
|
|
|
11년 전
|
조회 1,907
|
|
|
|
11년 전
|
조회 2,778
|
|
|
|
11년 전
|
조회 2,301
|
|
|
|
11년 전
|
조회 4,888
|
|
|
|
11년 전
|
조회 2,722
|
|
|
|
11년 전
|
조회 2,693
|
|
|
|
11년 전
|
조회 2,872
|
|
|
|
11년 전
|
조회 4,987
|
|
|
|
11년 전
|
조회 4,941
|
|
|
|
11년 전
|
조회 4,713
|
|
|
|
11년 전
|
조회 2,381
|
|
|
|
11년 전
|
조회 4,745
|
|
|
지운아빠
|
11년 전
|
조회 4,001
|
|
|
|
11년 전
|
조회 4,485
|
|
|
|
11년 전
|
조회 2,018
|
|
|
|
11년 전
|
조회 3,803
|
|
|
|
11년 전
|
조회 3,782
|
|
|
|
11년 전
|
조회 3,861
|
|
|
|
11년 전
|
조회 2,850
|
|
|
|
11년 전
|
조회 3,307
|
|
|
|
11년 전
|
조회 2,653
|
|
|
|
11년 전
|
조회 2,441
|
|
|
|
11년 전
|
조회 3,072
|
|
|
|
11년 전
|
조회 2,370
|
|
|
|
11년 전
|
조회 5,249
|
|
|
|
11년 전
|
조회 4,872
|
|
|
|
11년 전
|
조회 2,629
|
|
|
|
11년 전
|
조회 3,861
|
|
|
|
11년 전
|
조회 2,299
|
|
|
|
11년 전
|
조회 3,064
|
|
|
|
11년 전
|
조회 4,696
|
|
|
|
11년 전
|
조회 5,015
|
|
|
|
11년 전
|
조회 5,926
|
|
|
|
11년 전
|
조회 2,294
|
|
|
|
11년 전
|
조회 2,859
|
|
|
|
11년 전
|
조회 4,293
|
|
|
|
11년 전
|
조회 2,471
|
|
|
|
11년 전
|
조회 2,465
|
|
|
삼관왕
|
11년 전
|
조회 3,049
|
|
|
|
11년 전
|
조회 2,335
|
|
|
|
11년 전
|
조회 3,594
|
|
|
|
11년 전
|
조회 3,104
|
|
|
|
11년 전
|
조회 5,194
|
|
|
|
11년 전
|
조회 3,620
|
|
|
|
11년 전
|
조회 5,887
|
|
|
|
11년 전
|
조회 2,707
|
|
|
|
11년 전
|
조회 2,534
|
|
|
|
11년 전
|
조회 3,206
|
|
|
|
11년 전
|
조회 3,178
|
|
|
|
11년 전
|
조회 2,721
|
|
|
|
11년 전
|
조회 2,369
|
|
|
|
11년 전
|
조회 3,009
|
|
|
|
11년 전
|
조회 2,417
|
|
|
|
11년 전
|
조회 2,492
|
|
|
|
11년 전
|
조회 2,724
|
|
|
|
11년 전
|
조회 2,565
|
|
|
|
11년 전
|
조회 2,250
|
|
|
|
11년 전
|
조회 3,485
|
|
|
|
11년 전
|
조회 3,280
|
|
|
|
11년 전
|
조회 4,444
|
|
|
|
11년 전
|
조회 2,444
|
|
|
|
11년 전
|
조회 2,208
|
|
|
|
11년 전
|
조회 2,292
|
|
|
|
11년 전
|
조회 4,193
|
|
|
|
11년 전
|
조회 2,388
|
|
|
|
11년 전
|
조회 2,641
|
|
|
|
11년 전
|
조회 2,158
|
|
|
|
11년 전
|
조회 2,870
|
|
|
|
11년 전
|
조회 2,885
|
|
|
|
11년 전
|
조회 2,301
|
|
|
|
11년 전
|
조회 2,510
|
|
|
|
11년 전
|
조회 2,172
|
|
|
|
11년 전
|
조회 2,107
|
|
|
|
11년 전
|
조회 2,903
|
|
|
|
11년 전
|
조회 2,295
|
|
|
|
11년 전
|
조회 2,180
|
|
|
|
11년 전
|
조회 2,342
|
|
|
|
11년 전
|
조회 2,410
|
|
|
|
11년 전
|
조회 2,119
|
|
|
|
11년 전
|
조회 2,208
|
|
|
|
11년 전
|
조회 2,610
|
|
|
|
11년 전
|
조회 2,272
|
|
|
|
11년 전
|
조회 2,602
|
|
|
|
11년 전
|
조회 2,303
|
|
|
|
11년 전
|
조회 2,306
|
|
|
|
11년 전
|
조회 2,427
|
|
|
|
11년 전
|
조회 2,187
|
|
|
|
11년 전
|
조회 2,224
|
|
|
|
11년 전
|
조회 2,411
|
|
|
|
11년 전
|
조회 3,280
|
|
|
|
11년 전
|
조회 2,235
|
|
|
|
11년 전
|
조회 2,248
|
|
|
|
11년 전
|
조회 2,126
|
|
|
|
11년 전
|
조회 2,588
|
|
|
|
11년 전
|
조회 2,238
|
|
|
|
11년 전
|
조회 2,149
|
|
|
|
11년 전
|
조회 2,472
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^