|
|
|
11년 전
|
조회 4,736
|
|
|
|
11년 전
|
조회 3,200
|
|
|
|
11년 전
|
조회 3,383
|
|
|
|
11년 전
|
조회 1,812
|
|
|
|
11년 전
|
조회 2,682
|
|
|
|
11년 전
|
조회 2,200
|
|
|
|
11년 전
|
조회 4,788
|
|
|
|
11년 전
|
조회 2,650
|
|
|
|
11년 전
|
조회 2,621
|
|
|
|
11년 전
|
조회 2,794
|
|
|
|
11년 전
|
조회 4,873
|
|
|
|
11년 전
|
조회 4,848
|
|
|
|
11년 전
|
조회 4,625
|
|
|
|
11년 전
|
조회 2,295
|
|
|
|
11년 전
|
조회 4,651
|
|
|
지운아빠
|
11년 전
|
조회 3,908
|
|
|
|
11년 전
|
조회 4,392
|
|
|
|
11년 전
|
조회 1,937
|
|
|
|
11년 전
|
조회 3,714
|
|
|
|
11년 전
|
조회 3,711
|
|
|
|
11년 전
|
조회 3,781
|
|
|
|
11년 전
|
조회 2,783
|
|
|
|
11년 전
|
조회 3,229
|
|
|
|
11년 전
|
조회 2,569
|
|
|
|
11년 전
|
조회 2,360
|
|
|
|
11년 전
|
조회 2,993
|
|
|
|
11년 전
|
조회 2,284
|
|
|
|
11년 전
|
조회 5,156
|
|
|
|
11년 전
|
조회 4,840
|
|
|
|
11년 전
|
조회 2,561
|
|
|
|
11년 전
|
조회 3,785
|
|
|
|
11년 전
|
조회 2,212
|
|
|
|
11년 전
|
조회 2,972
|
|
|
|
11년 전
|
조회 4,598
|
|
|
|
11년 전
|
조회 4,923
|
|
|
|
11년 전
|
조회 5,834
|
|
|
|
11년 전
|
조회 2,214
|
|
|
|
11년 전
|
조회 2,776
|
|
|
|
11년 전
|
조회 4,223
|
|
|
|
11년 전
|
조회 2,375
|
|
|
|
11년 전
|
조회 2,383
|
|
|
삼관왕
|
11년 전
|
조회 2,969
|
|
|
|
11년 전
|
조회 2,254
|
|
|
|
11년 전
|
조회 3,501
|
|
|
|
11년 전
|
조회 3,029
|
|
|
|
11년 전
|
조회 5,105
|
|
|
|
11년 전
|
조회 3,523
|
|
|
|
11년 전
|
조회 5,794
|
|
|
|
11년 전
|
조회 2,606
|
|
|
|
11년 전
|
조회 2,452
|
|
|
|
11년 전
|
조회 3,120
|
|
|
|
11년 전
|
조회 3,102
|
|
|
|
11년 전
|
조회 2,636
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 2,909
|
|
|
|
11년 전
|
조회 2,337
|
|
|
|
11년 전
|
조회 2,416
|
|
|
|
11년 전
|
조회 2,635
|
|
|
|
11년 전
|
조회 2,475
|
|
|
|
11년 전
|
조회 2,181
|
|
|
|
11년 전
|
조회 3,390
|
|
|
|
11년 전
|
조회 3,214
|
|
|
|
11년 전
|
조회 4,371
|
|
|
|
11년 전
|
조회 2,381
|
|
|
|
11년 전
|
조회 2,136
|
|
|
|
11년 전
|
조회 2,217
|
|
|
|
11년 전
|
조회 4,118
|
|
|
|
11년 전
|
조회 2,324
|
|
|
|
11년 전
|
조회 2,551
|
|
|
|
11년 전
|
조회 2,075
|
|
|
|
11년 전
|
조회 2,789
|
|
|
|
11년 전
|
조회 2,808
|
|
|
|
11년 전
|
조회 2,223
|
|
|
|
11년 전
|
조회 2,413
|
|
|
|
11년 전
|
조회 2,085
|
|
|
|
11년 전
|
조회 2,018
|
|
|
|
11년 전
|
조회 2,825
|
|
|
|
11년 전
|
조회 2,183
|
|
|
|
11년 전
|
조회 2,090
|
|
|
|
11년 전
|
조회 2,236
|
|
|
|
11년 전
|
조회 2,340
|
|
|
|
11년 전
|
조회 2,029
|
|
|
|
11년 전
|
조회 2,103
|
|
|
|
11년 전
|
조회 2,537
|
|
|
|
11년 전
|
조회 2,163
|
|
|
|
11년 전
|
조회 2,528
|
|
|
|
11년 전
|
조회 2,197
|
|
|
|
11년 전
|
조회 2,218
|
|
|
|
11년 전
|
조회 2,339
|
|
|
|
11년 전
|
조회 2,083
|
|
|
|
11년 전
|
조회 2,122
|
|
|
|
11년 전
|
조회 2,326
|
|
|
|
11년 전
|
조회 3,218
|
|
|
|
11년 전
|
조회 2,136
|
|
|
|
11년 전
|
조회 2,149
|
|
|
|
11년 전
|
조회 2,037
|
|
|
|
11년 전
|
조회 2,504
|
|
|
|
11년 전
|
조회 2,142
|
|
|
|
11년 전
|
조회 2,064
|
|
|
|
11년 전
|
조회 2,373
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^