|
|
|
11년 전
|
조회 3,475
|
|
|
|
11년 전
|
조회 1,925
|
|
|
|
11년 전
|
조회 2,182
|
|
|
|
11년 전
|
조회 572
|
|
|
|
11년 전
|
조회 1,436
|
|
|
|
11년 전
|
조회 955
|
|
|
|
11년 전
|
조회 3,556
|
|
|
|
11년 전
|
조회 1,388
|
|
|
|
11년 전
|
조회 1,363
|
|
|
|
11년 전
|
조회 1,501
|
|
|
|
11년 전
|
조회 3,609
|
|
|
|
11년 전
|
조회 3,571
|
|
|
|
11년 전
|
조회 3,387
|
|
|
|
11년 전
|
조회 1,038
|
|
|
|
11년 전
|
조회 3,420
|
|
|
지운아빠
|
11년 전
|
조회 2,626
|
|
|
|
11년 전
|
조회 3,174
|
|
|
|
11년 전
|
조회 674
|
|
|
|
11년 전
|
조회 2,445
|
|
|
|
11년 전
|
조회 2,418
|
|
|
|
11년 전
|
조회 2,489
|
|
|
|
11년 전
|
조회 1,474
|
|
|
|
11년 전
|
조회 1,950
|
|
|
|
11년 전
|
조회 1,276
|
|
|
|
11년 전
|
조회 1,084
|
|
|
|
11년 전
|
조회 1,666
|
|
|
|
11년 전
|
조회 988
|
|
|
|
11년 전
|
조회 3,872
|
|
|
|
11년 전
|
조회 3,648
|
|
|
|
11년 전
|
조회 1,275
|
|
|
|
11년 전
|
조회 2,520
|
|
|
|
11년 전
|
조회 933
|
|
|
|
11년 전
|
조회 1,742
|
|
|
|
11년 전
|
조회 3,349
|
|
|
|
11년 전
|
조회 3,650
|
|
|
|
11년 전
|
조회 4,570
|
|
|
|
11년 전
|
조회 965
|
|
|
|
11년 전
|
조회 1,526
|
|
|
|
11년 전
|
조회 2,932
|
|
|
|
11년 전
|
조회 1,111
|
|
|
|
11년 전
|
조회 1,096
|
|
|
삼관왕
|
11년 전
|
조회 1,712
|
|
|
|
11년 전
|
조회 969
|
|
|
|
11년 전
|
조회 2,247
|
|
|
|
11년 전
|
조회 1,750
|
|
|
|
11년 전
|
조회 3,831
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 4,533
|
|
|
|
11년 전
|
조회 1,312
|
|
|
|
11년 전
|
조회 1,177
|
|
|
|
11년 전
|
조회 1,815
|
|
|
|
11년 전
|
조회 1,780
|
|
|
|
11년 전
|
조회 1,355
|
|
|
|
11년 전
|
조회 999
|
|
|
|
11년 전
|
조회 1,646
|
|
|
|
11년 전
|
조회 1,024
|
|
|
|
11년 전
|
조회 1,122
|
|
|
|
11년 전
|
조회 1,332
|
|
|
|
11년 전
|
조회 1,151
|
|
|
|
11년 전
|
조회 902
|
|
|
|
11년 전
|
조회 2,087
|
|
|
|
11년 전
|
조회 1,900
|
|
|
|
11년 전
|
조회 3,077
|
|
|
|
11년 전
|
조회 1,051
|
|
|
|
11년 전
|
조회 810
|
|
|
|
11년 전
|
조회 910
|
|
|
|
11년 전
|
조회 2,781
|
|
|
|
11년 전
|
조회 1,036
|
|
|
|
11년 전
|
조회 1,232
|
|
|
|
11년 전
|
조회 751
|
|
|
|
11년 전
|
조회 1,527
|
|
|
|
11년 전
|
조회 1,520
|
|
|
|
11년 전
|
조회 927
|
|
|
|
11년 전
|
조회 1,116
|
|
|
|
11년 전
|
조회 794
|
|
|
|
11년 전
|
조회 759
|
|
|
|
11년 전
|
조회 1,579
|
|
|
|
11년 전
|
조회 915
|
|
|
|
11년 전
|
조회 810
|
|
|
|
11년 전
|
조회 925
|
|
|
|
11년 전
|
조회 1,101
|
|
|
|
11년 전
|
조회 761
|
|
|
|
11년 전
|
조회 806
|
|
|
|
11년 전
|
조회 1,299
|
|
|
|
11년 전
|
조회 848
|
|
|
|
11년 전
|
조회 1,325
|
|
|
|
11년 전
|
조회 841
|
|
|
|
11년 전
|
조회 986
|
|
|
|
11년 전
|
조회 1,035
|
|
|
|
11년 전
|
조회 780
|
|
|
|
11년 전
|
조회 803
|
|
|
|
11년 전
|
조회 1,039
|
|
|
|
11년 전
|
조회 1,972
|
|
|
|
11년 전
|
조회 813
|
|
|
|
11년 전
|
조회 823
|
|
|
|
11년 전
|
조회 762
|
|
|
|
11년 전
|
조회 1,187
|
|
|
|
11년 전
|
조회 822
|
|
|
|
11년 전
|
조회 742
|
|
|
|
11년 전
|
조회 1,061
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^