|
|
|
11년 전
|
조회 4,677
|
|
|
|
11년 전
|
조회 3,145
|
|
|
|
11년 전
|
조회 3,339
|
|
|
|
11년 전
|
조회 1,760
|
|
|
|
11년 전
|
조회 2,637
|
|
|
|
11년 전
|
조회 2,148
|
|
|
|
11년 전
|
조회 4,742
|
|
|
|
11년 전
|
조회 2,608
|
|
|
|
11년 전
|
조회 2,575
|
|
|
|
11년 전
|
조회 2,744
|
|
|
|
11년 전
|
조회 4,815
|
|
|
|
11년 전
|
조회 4,791
|
|
|
|
11년 전
|
조회 4,577
|
|
|
|
11년 전
|
조회 2,235
|
|
|
|
11년 전
|
조회 4,608
|
|
|
지운아빠
|
11년 전
|
조회 3,867
|
|
|
|
11년 전
|
조회 4,354
|
|
|
|
11년 전
|
조회 1,886
|
|
|
|
11년 전
|
조회 3,676
|
|
|
|
11년 전
|
조회 3,666
|
|
|
|
11년 전
|
조회 3,748
|
|
|
|
11년 전
|
조회 2,731
|
|
|
|
11년 전
|
조회 3,181
|
|
|
|
11년 전
|
조회 2,531
|
|
|
|
11년 전
|
조회 2,311
|
|
|
|
11년 전
|
조회 2,945
|
|
|
|
11년 전
|
조회 2,233
|
|
|
|
11년 전
|
조회 5,110
|
|
|
|
11년 전
|
조회 4,832
|
|
|
|
11년 전
|
조회 2,522
|
|
|
|
11년 전
|
조회 3,743
|
|
|
|
11년 전
|
조회 2,159
|
|
|
|
11년 전
|
조회 2,924
|
|
|
|
11년 전
|
조회 4,549
|
|
|
|
11년 전
|
조회 4,878
|
|
|
|
11년 전
|
조회 5,786
|
|
|
|
11년 전
|
조회 2,159
|
|
|
|
11년 전
|
조회 2,733
|
|
|
|
11년 전
|
조회 4,184
|
|
|
|
11년 전
|
조회 2,331
|
|
|
|
11년 전
|
조회 2,341
|
|
|
삼관왕
|
11년 전
|
조회 2,913
|
|
|
|
11년 전
|
조회 2,214
|
|
|
|
11년 전
|
조회 3,449
|
|
|
|
11년 전
|
조회 2,973
|
|
|
|
11년 전
|
조회 5,050
|
|
|
|
11년 전
|
조회 3,475
|
|
|
|
11년 전
|
조회 5,751
|
|
|
|
11년 전
|
조회 2,557
|
|
|
|
11년 전
|
조회 2,413
|
|
|
|
11년 전
|
조회 3,076
|
|
|
|
11년 전
|
조회 3,054
|
|
|
|
11년 전
|
조회 2,593
|
|
|
|
11년 전
|
조회 2,235
|
|
|
|
11년 전
|
조회 2,858
|
|
|
|
11년 전
|
조회 2,304
|
|
|
|
11년 전
|
조회 2,367
|
|
|
|
11년 전
|
조회 2,602
|
|
|
|
11년 전
|
조회 2,431
|
|
|
|
11년 전
|
조회 2,136
|
|
|
|
11년 전
|
조회 3,340
|
|
|
|
11년 전
|
조회 3,169
|
|
|
|
11년 전
|
조회 4,330
|
|
|
|
11년 전
|
조회 2,328
|
|
|
|
11년 전
|
조회 2,088
|
|
|
|
11년 전
|
조회 2,177
|
|
|
|
11년 전
|
조회 4,066
|
|
|
|
11년 전
|
조회 2,275
|
|
|
|
11년 전
|
조회 2,499
|
|
|
|
11년 전
|
조회 2,026
|
|
|
|
11년 전
|
조회 2,742
|
|
|
|
11년 전
|
조회 2,762
|
|
|
|
11년 전
|
조회 2,177
|
|
|
|
11년 전
|
조회 2,364
|
|
|
|
11년 전
|
조회 2,042
|
|
|
|
11년 전
|
조회 1,983
|
|
|
|
11년 전
|
조회 2,794
|
|
|
|
11년 전
|
조회 2,131
|
|
|
|
11년 전
|
조회 2,052
|
|
|
|
11년 전
|
조회 2,196
|
|
|
|
11년 전
|
조회 2,305
|
|
|
|
11년 전
|
조회 1,998
|
|
|
|
11년 전
|
조회 2,060
|
|
|
|
11년 전
|
조회 2,498
|
|
|
|
11년 전
|
조회 2,115
|
|
|
|
11년 전
|
조회 2,491
|
|
|
|
11년 전
|
조회 2,152
|
|
|
|
11년 전
|
조회 2,185
|
|
|
|
11년 전
|
조회 2,301
|
|
|
|
11년 전
|
조회 2,040
|
|
|
|
11년 전
|
조회 2,078
|
|
|
|
11년 전
|
조회 2,279
|
|
|
|
11년 전
|
조회 3,173
|
|
|
|
11년 전
|
조회 2,105
|
|
|
|
11년 전
|
조회 2,110
|
|
|
|
11년 전
|
조회 2,000
|
|
|
|
11년 전
|
조회 2,463
|
|
|
|
11년 전
|
조회 2,105
|
|
|
|
11년 전
|
조회 2,022
|
|
|
|
11년 전
|
조회 2,331
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^