|
|
|
11년 전
|
조회 4,345
|
|
|
|
11년 전
|
조회 2,737
|
|
|
|
11년 전
|
조회 2,973
|
|
|
|
11년 전
|
조회 1,347
|
|
|
|
11년 전
|
조회 2,204
|
|
|
|
11년 전
|
조회 1,733
|
|
|
|
11년 전
|
조회 4,352
|
|
|
|
11년 전
|
조회 2,281
|
|
|
|
11년 전
|
조회 2,182
|
|
|
|
11년 전
|
조회 2,427
|
|
|
|
11년 전
|
조회 4,391
|
|
|
|
11년 전
|
조회 4,355
|
|
|
|
11년 전
|
조회 4,150
|
|
|
|
11년 전
|
조회 1,815
|
|
|
|
11년 전
|
조회 4,211
|
|
|
지운아빠
|
11년 전
|
조회 3,461
|
|
|
|
11년 전
|
조회 3,947
|
|
|
|
11년 전
|
조회 1,451
|
|
|
|
11년 전
|
조회 3,254
|
|
|
|
11년 전
|
조회 3,260
|
|
|
|
11년 전
|
조회 3,319
|
|
|
|
11년 전
|
조회 2,307
|
|
|
|
11년 전
|
조회 2,773
|
|
|
|
11년 전
|
조회 2,102
|
|
|
|
11년 전
|
조회 1,894
|
|
|
|
11년 전
|
조회 2,506
|
|
|
|
11년 전
|
조회 1,803
|
|
|
|
11년 전
|
조회 4,697
|
|
|
|
11년 전
|
조회 4,475
|
|
|
|
11년 전
|
조회 2,121
|
|
|
|
11년 전
|
조회 3,362
|
|
|
|
11년 전
|
조회 1,758
|
|
|
|
11년 전
|
조회 2,564
|
|
|
|
11년 전
|
조회 4,158
|
|
|
|
11년 전
|
조회 4,470
|
|
|
|
11년 전
|
조회 5,391
|
|
|
|
11년 전
|
조회 1,742
|
|
|
|
11년 전
|
조회 2,338
|
|
|
|
11년 전
|
조회 3,747
|
|
|
|
11년 전
|
조회 1,927
|
|
|
|
11년 전
|
조회 1,926
|
|
|
삼관왕
|
11년 전
|
조회 2,500
|
|
|
|
11년 전
|
조회 1,802
|
|
|
|
11년 전
|
조회 3,027
|
|
|
|
11년 전
|
조회 2,552
|
|
|
|
11년 전
|
조회 4,613
|
|
|
|
11년 전
|
조회 3,063
|
|
|
|
11년 전
|
조회 5,332
|
|
|
|
11년 전
|
조회 2,122
|
|
|
|
11년 전
|
조회 2,010
|
|
|
|
11년 전
|
조회 2,667
|
|
|
|
11년 전
|
조회 2,626
|
|
|
|
11년 전
|
조회 2,192
|
|
|
|
11년 전
|
조회 1,781
|
|
|
|
11년 전
|
조회 2,450
|
|
|
|
11년 전
|
조회 1,967
|
|
|
|
11년 전
|
조회 1,950
|
|
|
|
11년 전
|
조회 2,152
|
|
|
|
11년 전
|
조회 2,065
|
|
|
|
11년 전
|
조회 1,717
|
|
|
|
11년 전
|
조회 2,894
|
|
|
|
11년 전
|
조회 2,854
|
|
|
|
11년 전
|
조회 3,984
|
|
|
|
11년 전
|
조회 1,993
|
|
|
|
11년 전
|
조회 1,749
|
|
|
|
11년 전
|
조회 1,742
|
|
|
|
11년 전
|
조회 3,662
|
|
|
|
11년 전
|
조회 1,878
|
|
|
|
11년 전
|
조회 2,195
|
|
|
|
11년 전
|
조회 1,716
|
|
|
|
11년 전
|
조회 2,369
|
|
|
|
11년 전
|
조회 2,354
|
|
|
|
11년 전
|
조회 1,757
|
|
|
|
11년 전
|
조회 1,931
|
|
|
|
11년 전
|
조회 1,760
|
|
|
|
11년 전
|
조회 1,691
|
|
|
|
11년 전
|
조회 2,399
|
|
|
|
11년 전
|
조회 1,825
|
|
|
|
11년 전
|
조회 1,751
|
|
|
|
11년 전
|
조회 1,905
|
|
|
|
11년 전
|
조회 1,891
|
|
|
|
11년 전
|
조회 1,599
|
|
|
|
11년 전
|
조회 1,785
|
|
|
|
11년 전
|
조회 2,176
|
|
|
|
11년 전
|
조회 1,818
|
|
|
|
11년 전
|
조회 2,089
|
|
|
|
11년 전
|
조회 1,817
|
|
|
|
11년 전
|
조회 1,790
|
|
|
|
11년 전
|
조회 1,995
|
|
|
|
11년 전
|
조회 1,739
|
|
|
|
11년 전
|
조회 1,771
|
|
|
|
11년 전
|
조회 1,865
|
|
|
|
11년 전
|
조회 2,773
|
|
|
|
11년 전
|
조회 1,790
|
|
|
|
11년 전
|
조회 1,800
|
|
|
|
11년 전
|
조회 1,612
|
|
|
|
11년 전
|
조회 2,057
|
|
|
|
11년 전
|
조회 1,784
|
|
|
|
11년 전
|
조회 1,601
|
|
|
|
11년 전
|
조회 2,047
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^