|
|
|
11년 전
|
조회 4,923
|
|
|
|
11년 전
|
조회 3,412
|
|
|
|
11년 전
|
조회 3,592
|
|
|
|
11년 전
|
조회 2,023
|
|
|
|
11년 전
|
조회 2,896
|
|
|
|
11년 전
|
조회 2,427
|
|
|
|
11년 전
|
조회 5,009
|
|
|
|
11년 전
|
조회 2,845
|
|
|
|
11년 전
|
조회 2,810
|
|
|
|
11년 전
|
조회 2,988
|
|
|
|
11년 전
|
조회 5,088
|
|
|
|
11년 전
|
조회 5,033
|
|
|
|
11년 전
|
조회 4,811
|
|
|
|
11년 전
|
조회 2,488
|
|
|
|
11년 전
|
조회 4,838
|
|
|
지운아빠
|
11년 전
|
조회 4,112
|
|
|
|
11년 전
|
조회 4,584
|
|
|
|
11년 전
|
조회 2,142
|
|
|
|
11년 전
|
조회 3,934
|
|
|
|
11년 전
|
조회 3,903
|
|
|
|
11년 전
|
조회 3,971
|
|
|
|
11년 전
|
조회 2,980
|
|
|
|
11년 전
|
조회 3,425
|
|
|
|
11년 전
|
조회 2,776
|
|
|
|
11년 전
|
조회 2,543
|
|
|
|
11년 전
|
조회 3,192
|
|
|
|
11년 전
|
조회 2,493
|
|
|
|
11년 전
|
조회 5,350
|
|
|
|
11년 전
|
조회 4,922
|
|
|
|
11년 전
|
조회 2,773
|
|
|
|
11년 전
|
조회 3,987
|
|
|
|
11년 전
|
조회 2,415
|
|
|
|
11년 전
|
조회 3,170
|
|
|
|
11년 전
|
조회 4,805
|
|
|
|
11년 전
|
조회 5,137
|
|
|
|
11년 전
|
조회 6,047
|
|
|
|
11년 전
|
조회 2,422
|
|
|
|
11년 전
|
조회 2,990
|
|
|
|
11년 전
|
조회 4,413
|
|
|
|
11년 전
|
조회 2,589
|
|
|
|
11년 전
|
조회 2,577
|
|
|
삼관왕
|
11년 전
|
조회 3,174
|
|
|
|
11년 전
|
조회 2,479
|
|
|
|
11년 전
|
조회 3,713
|
|
|
|
11년 전
|
조회 3,222
|
|
|
|
11년 전
|
조회 5,308
|
|
|
|
11년 전
|
조회 3,719
|
|
|
|
11년 전
|
조회 6,006
|
|
|
|
11년 전
|
조회 2,833
|
|
|
|
11년 전
|
조회 2,635
|
|
|
|
11년 전
|
조회 3,325
|
|
|
|
11년 전
|
조회 3,297
|
|
|
|
11년 전
|
조회 2,839
|
|
|
|
11년 전
|
조회 2,480
|
|
|
|
11년 전
|
조회 3,134
|
|
|
|
11년 전
|
조회 2,533
|
|
|
|
11년 전
|
조회 2,620
|
|
|
|
11년 전
|
조회 2,856
|
|
|
|
11년 전
|
조회 2,663
|
|
|
|
11년 전
|
조회 2,380
|
|
|
|
11년 전
|
조회 3,610
|
|
|
|
11년 전
|
조회 3,392
|
|
|
|
11년 전
|
조회 4,569
|
|
|
|
11년 전
|
조회 2,580
|
|
|
|
11년 전
|
조회 2,328
|
|
|
|
11년 전
|
조회 2,427
|
|
|
|
11년 전
|
조회 4,319
|
|
|
|
11년 전
|
조회 2,522
|
|
|
|
11년 전
|
조회 2,773
|
|
|
|
11년 전
|
조회 2,306
|
|
|
|
11년 전
|
조회 2,998
|
|
|
|
11년 전
|
조회 3,010
|
|
|
|
11년 전
|
조회 2,420
|
|
|
|
11년 전
|
조회 2,641
|
|
|
|
11년 전
|
조회 2,308
|
|
|
|
11년 전
|
조회 2,250
|
|
|
|
11년 전
|
조회 3,025
|
|
|
|
11년 전
|
조회 2,409
|
|
|
|
11년 전
|
조회 2,310
|
|
|
|
11년 전
|
조회 2,470
|
|
|
|
11년 전
|
조회 2,525
|
|
|
|
11년 전
|
조회 2,254
|
|
|
|
11년 전
|
조회 2,320
|
|
|
|
11년 전
|
조회 2,732
|
|
|
|
11년 전
|
조회 2,414
|
|
|
|
11년 전
|
조회 2,738
|
|
|
|
11년 전
|
조회 2,425
|
|
|
|
11년 전
|
조회 2,423
|
|
|
|
11년 전
|
조회 2,551
|
|
|
|
11년 전
|
조회 2,320
|
|
|
|
11년 전
|
조회 2,359
|
|
|
|
11년 전
|
조회 2,520
|
|
|
|
11년 전
|
조회 3,426
|
|
|
|
11년 전
|
조회 2,374
|
|
|
|
11년 전
|
조회 2,381
|
|
|
|
11년 전
|
조회 2,261
|
|
|
|
11년 전
|
조회 2,730
|
|
|
|
11년 전
|
조회 2,379
|
|
|
|
11년 전
|
조회 2,257
|
|
|
|
11년 전
|
조회 2,616
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^