|
|
|
11년 전
|
조회 4,832
|
|
|
|
11년 전
|
조회 3,312
|
|
|
|
11년 전
|
조회 3,502
|
|
|
|
11년 전
|
조회 1,928
|
|
|
|
11년 전
|
조회 2,807
|
|
|
|
11년 전
|
조회 2,322
|
|
|
|
11년 전
|
조회 4,915
|
|
|
|
11년 전
|
조회 2,745
|
|
|
|
11년 전
|
조회 2,723
|
|
|
|
11년 전
|
조회 2,898
|
|
|
|
11년 전
|
조회 5,008
|
|
|
|
11년 전
|
조회 4,964
|
|
|
|
11년 전
|
조회 4,737
|
|
|
|
11년 전
|
조회 2,405
|
|
|
|
11년 전
|
조회 4,773
|
|
|
지운아빠
|
11년 전
|
조회 4,025
|
|
|
|
11년 전
|
조회 4,509
|
|
|
|
11년 전
|
조회 2,050
|
|
|
|
11년 전
|
조회 3,830
|
|
|
|
11년 전
|
조회 3,812
|
|
|
|
11년 전
|
조회 3,888
|
|
|
|
11년 전
|
조회 2,884
|
|
|
|
11년 전
|
조회 3,339
|
|
|
|
11년 전
|
조회 2,684
|
|
|
|
11년 전
|
조회 2,469
|
|
|
|
11년 전
|
조회 3,095
|
|
|
|
11년 전
|
조회 2,400
|
|
|
|
11년 전
|
조회 5,277
|
|
|
|
11년 전
|
조회 4,883
|
|
|
|
11년 전
|
조회 2,658
|
|
|
|
11년 전
|
조회 3,882
|
|
|
|
11년 전
|
조회 2,334
|
|
|
|
11년 전
|
조회 3,096
|
|
|
|
11년 전
|
조회 4,732
|
|
|
|
11년 전
|
조회 5,048
|
|
|
|
11년 전
|
조회 5,963
|
|
|
|
11년 전
|
조회 2,330
|
|
|
|
11년 전
|
조회 2,896
|
|
|
|
11년 전
|
조회 4,328
|
|
|
|
11년 전
|
조회 2,498
|
|
|
|
11년 전
|
조회 2,493
|
|
|
삼관왕
|
11년 전
|
조회 3,074
|
|
|
|
11년 전
|
조회 2,373
|
|
|
|
11년 전
|
조회 3,632
|
|
|
|
11년 전
|
조회 3,142
|
|
|
|
11년 전
|
조회 5,222
|
|
|
|
11년 전
|
조회 3,649
|
|
|
|
11년 전
|
조회 5,924
|
|
|
|
11년 전
|
조회 2,738
|
|
|
|
11년 전
|
조회 2,566
|
|
|
|
11년 전
|
조회 3,239
|
|
|
|
11년 전
|
조회 3,207
|
|
|
|
11년 전
|
조회 2,752
|
|
|
|
11년 전
|
조회 2,398
|
|
|
|
11년 전
|
조회 3,035
|
|
|
|
11년 전
|
조회 2,441
|
|
|
|
11년 전
|
조회 2,525
|
|
|
|
11년 전
|
조회 2,761
|
|
|
|
11년 전
|
조회 2,582
|
|
|
|
11년 전
|
조회 2,286
|
|
|
|
11년 전
|
조회 3,510
|
|
|
|
11년 전
|
조회 3,306
|
|
|
|
11년 전
|
조회 4,480
|
|
|
|
11년 전
|
조회 2,480
|
|
|
|
11년 전
|
조회 2,243
|
|
|
|
11년 전
|
조회 2,336
|
|
|
|
11년 전
|
조회 4,225
|
|
|
|
11년 전
|
조회 2,419
|
|
|
|
11년 전
|
조회 2,678
|
|
|
|
11년 전
|
조회 2,198
|
|
|
|
11년 전
|
조회 2,906
|
|
|
|
11년 전
|
조회 2,919
|
|
|
|
11년 전
|
조회 2,331
|
|
|
|
11년 전
|
조회 2,540
|
|
|
|
11년 전
|
조회 2,209
|
|
|
|
11년 전
|
조회 2,147
|
|
|
|
11년 전
|
조회 2,940
|
|
|
|
11년 전
|
조회 2,326
|
|
|
|
11년 전
|
조회 2,213
|
|
|
|
11년 전
|
조회 2,370
|
|
|
|
11년 전
|
조회 2,436
|
|
|
|
11년 전
|
조회 2,163
|
|
|
|
11년 전
|
조회 2,238
|
|
|
|
11년 전
|
조회 2,642
|
|
|
|
11년 전
|
조회 2,312
|
|
|
|
11년 전
|
조회 2,640
|
|
|
|
11년 전
|
조회 2,328
|
|
|
|
11년 전
|
조회 2,340
|
|
|
|
11년 전
|
조회 2,465
|
|
|
|
11년 전
|
조회 2,226
|
|
|
|
11년 전
|
조회 2,268
|
|
|
|
11년 전
|
조회 2,440
|
|
|
|
11년 전
|
조회 3,318
|
|
|
|
11년 전
|
조회 2,276
|
|
|
|
11년 전
|
조회 2,287
|
|
|
|
11년 전
|
조회 2,156
|
|
|
|
11년 전
|
조회 2,630
|
|
|
|
11년 전
|
조회 2,271
|
|
|
|
11년 전
|
조회 2,178
|
|
|
|
11년 전
|
조회 2,515
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^