|
|
|
11년 전
|
조회 4,754
|
|
|
|
11년 전
|
조회 3,222
|
|
|
|
11년 전
|
조회 3,401
|
|
|
|
11년 전
|
조회 1,829
|
|
|
|
11년 전
|
조회 2,699
|
|
|
|
11년 전
|
조회 2,223
|
|
|
|
11년 전
|
조회 4,809
|
|
|
|
11년 전
|
조회 2,671
|
|
|
|
11년 전
|
조회 2,636
|
|
|
|
11년 전
|
조회 2,810
|
|
|
|
11년 전
|
조회 4,910
|
|
|
|
11년 전
|
조회 4,864
|
|
|
|
11년 전
|
조회 4,647
|
|
|
|
11년 전
|
조회 2,320
|
|
|
|
11년 전
|
조회 4,667
|
|
|
지운아빠
|
11년 전
|
조회 3,925
|
|
|
|
11년 전
|
조회 4,410
|
|
|
|
11년 전
|
조회 1,957
|
|
|
|
11년 전
|
조회 3,733
|
|
|
|
11년 전
|
조회 3,729
|
|
|
|
11년 전
|
조회 3,802
|
|
|
|
11년 전
|
조회 2,804
|
|
|
|
11년 전
|
조회 3,245
|
|
|
|
11년 전
|
조회 2,590
|
|
|
|
11년 전
|
조회 2,378
|
|
|
|
11년 전
|
조회 3,015
|
|
|
|
11년 전
|
조회 2,302
|
|
|
|
11년 전
|
조회 5,177
|
|
|
|
11년 전
|
조회 4,850
|
|
|
|
11년 전
|
조회 2,572
|
|
|
|
11년 전
|
조회 3,799
|
|
|
|
11년 전
|
조회 2,228
|
|
|
|
11년 전
|
조회 2,997
|
|
|
|
11년 전
|
조회 4,615
|
|
|
|
11년 전
|
조회 4,946
|
|
|
|
11년 전
|
조회 5,853
|
|
|
|
11년 전
|
조회 2,233
|
|
|
|
11년 전
|
조회 2,795
|
|
|
|
11년 전
|
조회 4,241
|
|
|
|
11년 전
|
조회 2,397
|
|
|
|
11년 전
|
조회 2,402
|
|
|
삼관왕
|
11년 전
|
조회 2,989
|
|
|
|
11년 전
|
조회 2,274
|
|
|
|
11년 전
|
조회 3,521
|
|
|
|
11년 전
|
조회 3,048
|
|
|
|
11년 전
|
조회 5,119
|
|
|
|
11년 전
|
조회 3,539
|
|
|
|
11년 전
|
조회 5,816
|
|
|
|
11년 전
|
조회 2,626
|
|
|
|
11년 전
|
조회 2,474
|
|
|
|
11년 전
|
조회 3,140
|
|
|
|
11년 전
|
조회 3,118
|
|
|
|
11년 전
|
조회 2,654
|
|
|
|
11년 전
|
조회 2,298
|
|
|
|
11년 전
|
조회 2,937
|
|
|
|
11년 전
|
조회 2,354
|
|
|
|
11년 전
|
조회 2,433
|
|
|
|
11년 전
|
조회 2,658
|
|
|
|
11년 전
|
조회 2,491
|
|
|
|
11년 전
|
조회 2,196
|
|
|
|
11년 전
|
조회 3,411
|
|
|
|
11년 전
|
조회 3,226
|
|
|
|
11년 전
|
조회 4,386
|
|
|
|
11년 전
|
조회 2,394
|
|
|
|
11년 전
|
조회 2,156
|
|
|
|
11년 전
|
조회 2,242
|
|
|
|
11년 전
|
조회 4,133
|
|
|
|
11년 전
|
조회 2,338
|
|
|
|
11년 전
|
조회 2,570
|
|
|
|
11년 전
|
조회 2,095
|
|
|
|
11년 전
|
조회 2,804
|
|
|
|
11년 전
|
조회 2,821
|
|
|
|
11년 전
|
조회 2,244
|
|
|
|
11년 전
|
조회 2,436
|
|
|
|
11년 전
|
조회 2,104
|
|
|
|
11년 전
|
조회 2,033
|
|
|
|
11년 전
|
조회 2,842
|
|
|
|
11년 전
|
조회 2,208
|
|
|
|
11년 전
|
조회 2,108
|
|
|
|
11년 전
|
조회 2,260
|
|
|
|
11년 전
|
조회 2,356
|
|
|
|
11년 전
|
조회 2,043
|
|
|
|
11년 전
|
조회 2,129
|
|
|
|
11년 전
|
조회 2,549
|
|
|
|
11년 전
|
조회 2,191
|
|
|
|
11년 전
|
조회 2,545
|
|
|
|
11년 전
|
조회 2,218
|
|
|
|
11년 전
|
조회 2,236
|
|
|
|
11년 전
|
조회 2,352
|
|
|
|
11년 전
|
조회 2,106
|
|
|
|
11년 전
|
조회 2,142
|
|
|
|
11년 전
|
조회 2,341
|
|
|
|
11년 전
|
조회 3,231
|
|
|
|
11년 전
|
조회 2,149
|
|
|
|
11년 전
|
조회 2,168
|
|
|
|
11년 전
|
조회 2,061
|
|
|
|
11년 전
|
조회 2,523
|
|
|
|
11년 전
|
조회 2,159
|
|
|
|
11년 전
|
조회 2,081
|
|
|
|
11년 전
|
조회 2,395
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^