|
|
|
11년 전
|
조회 4,883
|
|
|
|
11년 전
|
조회 3,371
|
|
|
|
11년 전
|
조회 3,556
|
|
|
|
11년 전
|
조회 1,978
|
|
|
|
11년 전
|
조회 2,850
|
|
|
|
11년 전
|
조회 2,381
|
|
|
|
11년 전
|
조회 4,977
|
|
|
|
11년 전
|
조회 2,799
|
|
|
|
11년 전
|
조회 2,771
|
|
|
|
11년 전
|
조회 2,947
|
|
|
|
11년 전
|
조회 5,045
|
|
|
|
11년 전
|
조회 5,000
|
|
|
|
11년 전
|
조회 4,774
|
|
|
|
11년 전
|
조회 2,442
|
|
|
|
11년 전
|
조회 4,801
|
|
|
지운아빠
|
11년 전
|
조회 4,066
|
|
|
|
11년 전
|
조회 4,549
|
|
|
|
11년 전
|
조회 2,101
|
|
|
|
11년 전
|
조회 3,880
|
|
|
|
11년 전
|
조회 3,857
|
|
|
|
11년 전
|
조회 3,925
|
|
|
|
11년 전
|
조회 2,938
|
|
|
|
11년 전
|
조회 3,383
|
|
|
|
11년 전
|
조회 2,726
|
|
|
|
11년 전
|
조회 2,510
|
|
|
|
11년 전
|
조회 3,144
|
|
|
|
11년 전
|
조회 2,447
|
|
|
|
11년 전
|
조회 5,318
|
|
|
|
11년 전
|
조회 4,911
|
|
|
|
11년 전
|
조회 2,722
|
|
|
|
11년 전
|
조회 3,931
|
|
|
|
11년 전
|
조회 2,372
|
|
|
|
11년 전
|
조회 3,129
|
|
|
|
11년 전
|
조회 4,781
|
|
|
|
11년 전
|
조회 5,097
|
|
|
|
11년 전
|
조회 6,007
|
|
|
|
11년 전
|
조회 2,373
|
|
|
|
11년 전
|
조회 2,948
|
|
|
|
11년 전
|
조회 4,374
|
|
|
|
11년 전
|
조회 2,547
|
|
|
|
11년 전
|
조회 2,542
|
|
|
삼관왕
|
11년 전
|
조회 3,120
|
|
|
|
11년 전
|
조회 2,428
|
|
|
|
11년 전
|
조회 3,670
|
|
|
|
11년 전
|
조회 3,186
|
|
|
|
11년 전
|
조회 5,279
|
|
|
|
11년 전
|
조회 3,680
|
|
|
|
11년 전
|
조회 5,971
|
|
|
|
11년 전
|
조회 2,791
|
|
|
|
11년 전
|
조회 2,597
|
|
|
|
11년 전
|
조회 3,285
|
|
|
|
11년 전
|
조회 3,260
|
|
|
|
11년 전
|
조회 2,799
|
|
|
|
11년 전
|
조회 2,437
|
|
|
|
11년 전
|
조회 3,088
|
|
|
|
11년 전
|
조회 2,489
|
|
|
|
11년 전
|
조회 2,577
|
|
|
|
11년 전
|
조회 2,806
|
|
|
|
11년 전
|
조회 2,627
|
|
|
|
11년 전
|
조회 2,342
|
|
|
|
11년 전
|
조회 3,571
|
|
|
|
11년 전
|
조회 3,359
|
|
|
|
11년 전
|
조회 4,531
|
|
|
|
11년 전
|
조회 2,534
|
|
|
|
11년 전
|
조회 2,293
|
|
|
|
11년 전
|
조회 2,384
|
|
|
|
11년 전
|
조회 4,272
|
|
|
|
11년 전
|
조회 2,481
|
|
|
|
11년 전
|
조회 2,738
|
|
|
|
11년 전
|
조회 2,261
|
|
|
|
11년 전
|
조회 2,961
|
|
|
|
11년 전
|
조회 2,972
|
|
|
|
11년 전
|
조회 2,385
|
|
|
|
11년 전
|
조회 2,593
|
|
|
|
11년 전
|
조회 2,268
|
|
|
|
11년 전
|
조회 2,208
|
|
|
|
11년 전
|
조회 2,993
|
|
|
|
11년 전
|
조회 2,375
|
|
|
|
11년 전
|
조회 2,271
|
|
|
|
11년 전
|
조회 2,426
|
|
|
|
11년 전
|
조회 2,482
|
|
|
|
11년 전
|
조회 2,216
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 2,699
|
|
|
|
11년 전
|
조회 2,373
|
|
|
|
11년 전
|
조회 2,691
|
|
|
|
11년 전
|
조회 2,378
|
|
|
|
11년 전
|
조회 2,392
|
|
|
|
11년 전
|
조회 2,516
|
|
|
|
11년 전
|
조회 2,273
|
|
|
|
11년 전
|
조회 2,322
|
|
|
|
11년 전
|
조회 2,481
|
|
|
|
11년 전
|
조회 3,375
|
|
|
|
11년 전
|
조회 2,333
|
|
|
|
11년 전
|
조회 2,335
|
|
|
|
11년 전
|
조회 2,213
|
|
|
|
11년 전
|
조회 2,679
|
|
|
|
11년 전
|
조회 2,339
|
|
|
|
11년 전
|
조회 2,223
|
|
|
|
11년 전
|
조회 2,574
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^