|
|
|
11년 전
|
조회 4,791
|
|
|
|
11년 전
|
조회 3,269
|
|
|
|
11년 전
|
조회 3,449
|
|
|
|
11년 전
|
조회 1,895
|
|
|
|
11년 전
|
조회 2,768
|
|
|
|
11년 전
|
조회 2,289
|
|
|
|
11년 전
|
조회 4,872
|
|
|
|
11년 전
|
조회 2,714
|
|
|
|
11년 전
|
조회 2,683
|
|
|
|
11년 전
|
조회 2,856
|
|
|
|
11년 전
|
조회 4,979
|
|
|
|
11년 전
|
조회 4,923
|
|
|
|
11년 전
|
조회 4,700
|
|
|
|
11년 전
|
조회 2,371
|
|
|
|
11년 전
|
조회 4,733
|
|
|
지운아빠
|
11년 전
|
조회 3,992
|
|
|
|
11년 전
|
조회 4,472
|
|
|
|
11년 전
|
조회 2,010
|
|
|
|
11년 전
|
조회 3,791
|
|
|
|
11년 전
|
조회 3,773
|
|
|
|
11년 전
|
조회 3,849
|
|
|
|
11년 전
|
조회 2,841
|
|
|
|
11년 전
|
조회 3,299
|
|
|
|
11년 전
|
조회 2,648
|
|
|
|
11년 전
|
조회 2,434
|
|
|
|
11년 전
|
조회 3,061
|
|
|
|
11년 전
|
조회 2,359
|
|
|
|
11년 전
|
조회 5,236
|
|
|
|
11년 전
|
조회 4,868
|
|
|
|
11년 전
|
조회 2,617
|
|
|
|
11년 전
|
조회 3,853
|
|
|
|
11년 전
|
조회 2,289
|
|
|
|
11년 전
|
조회 3,052
|
|
|
|
11년 전
|
조회 4,686
|
|
|
|
11년 전
|
조회 5,006
|
|
|
|
11년 전
|
조회 5,911
|
|
|
|
11년 전
|
조회 2,284
|
|
|
|
11년 전
|
조회 2,849
|
|
|
|
11년 전
|
조회 4,285
|
|
|
|
11년 전
|
조회 2,460
|
|
|
|
11년 전
|
조회 2,455
|
|
|
삼관왕
|
11년 전
|
조회 3,040
|
|
|
|
11년 전
|
조회 2,324
|
|
|
|
11년 전
|
조회 3,582
|
|
|
|
11년 전
|
조회 3,096
|
|
|
|
11년 전
|
조회 5,185
|
|
|
|
11년 전
|
조회 3,601
|
|
|
|
11년 전
|
조회 5,873
|
|
|
|
11년 전
|
조회 2,695
|
|
|
|
11년 전
|
조회 2,518
|
|
|
|
11년 전
|
조회 3,200
|
|
|
|
11년 전
|
조회 3,159
|
|
|
|
11년 전
|
조회 2,703
|
|
|
|
11년 전
|
조회 2,359
|
|
|
|
11년 전
|
조회 2,990
|
|
|
|
11년 전
|
조회 2,404
|
|
|
|
11년 전
|
조회 2,479
|
|
|
|
11년 전
|
조회 2,714
|
|
|
|
11년 전
|
조회 2,550
|
|
|
|
11년 전
|
조회 2,241
|
|
|
|
11년 전
|
조회 3,470
|
|
|
|
11년 전
|
조회 3,275
|
|
|
|
11년 전
|
조회 4,434
|
|
|
|
11년 전
|
조회 2,437
|
|
|
|
11년 전
|
조회 2,202
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 4,178
|
|
|
|
11년 전
|
조회 2,379
|
|
|
|
11년 전
|
조회 2,629
|
|
|
|
11년 전
|
조회 2,147
|
|
|
|
11년 전
|
조회 2,855
|
|
|
|
11년 전
|
조회 2,874
|
|
|
|
11년 전
|
조회 2,295
|
|
|
|
11년 전
|
조회 2,500
|
|
|
|
11년 전
|
조회 2,159
|
|
|
|
11년 전
|
조회 2,092
|
|
|
|
11년 전
|
조회 2,893
|
|
|
|
11년 전
|
조회 2,278
|
|
|
|
11년 전
|
조회 2,164
|
|
|
|
11년 전
|
조회 2,328
|
|
|
|
11년 전
|
조회 2,405
|
|
|
|
11년 전
|
조회 2,108
|
|
|
|
11년 전
|
조회 2,194
|
|
|
|
11년 전
|
조회 2,595
|
|
|
|
11년 전
|
조회 2,256
|
|
|
|
11년 전
|
조회 2,588
|
|
|
|
11년 전
|
조회 2,290
|
|
|
|
11년 전
|
조회 2,290
|
|
|
|
11년 전
|
조회 2,413
|
|
|
|
11년 전
|
조회 2,175
|
|
|
|
11년 전
|
조회 2,201
|
|
|
|
11년 전
|
조회 2,398
|
|
|
|
11년 전
|
조회 3,274
|
|
|
|
11년 전
|
조회 2,221
|
|
|
|
11년 전
|
조회 2,231
|
|
|
|
11년 전
|
조회 2,106
|
|
|
|
11년 전
|
조회 2,577
|
|
|
|
11년 전
|
조회 2,219
|
|
|
|
11년 전
|
조회 2,132
|
|
|
|
11년 전
|
조회 2,460
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^