|
|
|
11년 전
|
조회 4,660
|
|
|
|
11년 전
|
조회 3,124
|
|
|
|
11년 전
|
조회 3,317
|
|
|
|
11년 전
|
조회 1,738
|
|
|
|
11년 전
|
조회 2,610
|
|
|
|
11년 전
|
조회 2,132
|
|
|
|
11년 전
|
조회 4,721
|
|
|
|
11년 전
|
조회 2,587
|
|
|
|
11년 전
|
조회 2,558
|
|
|
|
11년 전
|
조회 2,718
|
|
|
|
11년 전
|
조회 4,802
|
|
|
|
11년 전
|
조회 4,773
|
|
|
|
11년 전
|
조회 4,555
|
|
|
|
11년 전
|
조회 2,201
|
|
|
|
11년 전
|
조회 4,584
|
|
|
지운아빠
|
11년 전
|
조회 3,841
|
|
|
|
11년 전
|
조회 4,335
|
|
|
|
11년 전
|
조회 1,865
|
|
|
|
11년 전
|
조회 3,661
|
|
|
|
11년 전
|
조회 3,649
|
|
|
|
11년 전
|
조회 3,733
|
|
|
|
11년 전
|
조회 2,708
|
|
|
|
11년 전
|
조회 3,157
|
|
|
|
11년 전
|
조회 2,514
|
|
|
|
11년 전
|
조회 2,289
|
|
|
|
11년 전
|
조회 2,925
|
|
|
|
11년 전
|
조회 2,212
|
|
|
|
11년 전
|
조회 5,089
|
|
|
|
11년 전
|
조회 4,829
|
|
|
|
11년 전
|
조회 2,499
|
|
|
|
11년 전
|
조회 3,729
|
|
|
|
11년 전
|
조회 2,143
|
|
|
|
11년 전
|
조회 2,907
|
|
|
|
11년 전
|
조회 4,529
|
|
|
|
11년 전
|
조회 4,863
|
|
|
|
11년 전
|
조회 5,767
|
|
|
|
11년 전
|
조회 2,134
|
|
|
|
11년 전
|
조회 2,711
|
|
|
|
11년 전
|
조회 4,168
|
|
|
|
11년 전
|
조회 2,310
|
|
|
|
11년 전
|
조회 2,319
|
|
|
삼관왕
|
11년 전
|
조회 2,895
|
|
|
|
11년 전
|
조회 2,196
|
|
|
|
11년 전
|
조회 3,425
|
|
|
|
11년 전
|
조회 2,957
|
|
|
|
11년 전
|
조회 5,026
|
|
|
|
11년 전
|
조회 3,462
|
|
|
|
11년 전
|
조회 5,735
|
|
|
|
11년 전
|
조회 2,537
|
|
|
|
11년 전
|
조회 2,397
|
|
|
|
11년 전
|
조회 3,063
|
|
|
|
11년 전
|
조회 3,036
|
|
|
|
11년 전
|
조회 2,583
|
|
|
|
11년 전
|
조회 2,218
|
|
|
|
11년 전
|
조회 2,838
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 2,348
|
|
|
|
11년 전
|
조회 2,580
|
|
|
|
11년 전
|
조회 2,412
|
|
|
|
11년 전
|
조회 2,118
|
|
|
|
11년 전
|
조회 3,325
|
|
|
|
11년 전
|
조회 3,145
|
|
|
|
11년 전
|
조회 4,313
|
|
|
|
11년 전
|
조회 2,313
|
|
|
|
11년 전
|
조회 2,078
|
|
|
|
11년 전
|
조회 2,159
|
|
|
|
11년 전
|
조회 4,041
|
|
|
|
11년 전
|
조회 2,252
|
|
|
|
11년 전
|
조회 2,482
|
|
|
|
11년 전
|
조회 2,016
|
|
|
|
11년 전
|
조회 2,727
|
|
|
|
11년 전
|
조회 2,741
|
|
|
|
11년 전
|
조회 2,154
|
|
|
|
11년 전
|
조회 2,345
|
|
|
|
11년 전
|
조회 2,026
|
|
|
|
11년 전
|
조회 1,970
|
|
|
|
11년 전
|
조회 2,779
|
|
|
|
11년 전
|
조회 2,121
|
|
|
|
11년 전
|
조회 2,041
|
|
|
|
11년 전
|
조회 2,186
|
|
|
|
11년 전
|
조회 2,287
|
|
|
|
11년 전
|
조회 1,983
|
|
|
|
11년 전
|
조회 2,047
|
|
|
|
11년 전
|
조회 2,484
|
|
|
|
11년 전
|
조회 2,103
|
|
|
|
11년 전
|
조회 2,476
|
|
|
|
11년 전
|
조회 2,124
|
|
|
|
11년 전
|
조회 2,170
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 2,024
|
|
|
|
11년 전
|
조회 2,065
|
|
|
|
11년 전
|
조회 2,258
|
|
|
|
11년 전
|
조회 3,159
|
|
|
|
11년 전
|
조회 2,089
|
|
|
|
11년 전
|
조회 2,098
|
|
|
|
11년 전
|
조회 1,991
|
|
|
|
11년 전
|
조회 2,451
|
|
|
|
11년 전
|
조회 2,092
|
|
|
|
11년 전
|
조회 2,000
|
|
|
|
11년 전
|
조회 2,318
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^