|
|
|
11년 전
|
조회 4,893
|
|
|
|
11년 전
|
조회 3,383
|
|
|
|
11년 전
|
조회 3,566
|
|
|
|
11년 전
|
조회 1,992
|
|
|
|
11년 전
|
조회 2,867
|
|
|
|
11년 전
|
조회 2,385
|
|
|
|
11년 전
|
조회 4,991
|
|
|
|
11년 전
|
조회 2,813
|
|
|
|
11년 전
|
조회 2,778
|
|
|
|
11년 전
|
조회 2,965
|
|
|
|
11년 전
|
조회 5,064
|
|
|
|
11년 전
|
조회 5,011
|
|
|
|
11년 전
|
조회 4,788
|
|
|
|
11년 전
|
조회 2,452
|
|
|
|
11년 전
|
조회 4,813
|
|
|
지운아빠
|
11년 전
|
조회 4,078
|
|
|
|
11년 전
|
조회 4,562
|
|
|
|
11년 전
|
조회 2,115
|
|
|
|
11년 전
|
조회 3,900
|
|
|
|
11년 전
|
조회 3,873
|
|
|
|
11년 전
|
조회 3,938
|
|
|
|
11년 전
|
조회 2,954
|
|
|
|
11년 전
|
조회 3,394
|
|
|
|
11년 전
|
조회 2,740
|
|
|
|
11년 전
|
조회 2,520
|
|
|
|
11년 전
|
조회 3,161
|
|
|
|
11년 전
|
조회 2,463
|
|
|
|
11년 전
|
조회 5,327
|
|
|
|
11년 전
|
조회 4,916
|
|
|
|
11년 전
|
조회 2,731
|
|
|
|
11년 전
|
조회 3,945
|
|
|
|
11년 전
|
조회 2,379
|
|
|
|
11년 전
|
조회 3,141
|
|
|
|
11년 전
|
조회 4,787
|
|
|
|
11년 전
|
조회 5,110
|
|
|
|
11년 전
|
조회 6,019
|
|
|
|
11년 전
|
조회 2,386
|
|
|
|
11년 전
|
조회 2,958
|
|
|
|
11년 전
|
조회 4,383
|
|
|
|
11년 전
|
조회 2,555
|
|
|
|
11년 전
|
조회 2,552
|
|
|
삼관왕
|
11년 전
|
조회 3,139
|
|
|
|
11년 전
|
조회 2,450
|
|
|
|
11년 전
|
조회 3,684
|
|
|
|
11년 전
|
조회 3,198
|
|
|
|
11년 전
|
조회 5,291
|
|
|
|
11년 전
|
조회 3,696
|
|
|
|
11년 전
|
조회 5,985
|
|
|
|
11년 전
|
조회 2,808
|
|
|
|
11년 전
|
조회 2,611
|
|
|
|
11년 전
|
조회 3,292
|
|
|
|
11년 전
|
조회 3,270
|
|
|
|
11년 전
|
조회 2,805
|
|
|
|
11년 전
|
조회 2,454
|
|
|
|
11년 전
|
조회 3,104
|
|
|
|
11년 전
|
조회 2,501
|
|
|
|
11년 전
|
조회 2,594
|
|
|
|
11년 전
|
조회 2,818
|
|
|
|
11년 전
|
조회 2,638
|
|
|
|
11년 전
|
조회 2,350
|
|
|
|
11년 전
|
조회 3,580
|
|
|
|
11년 전
|
조회 3,366
|
|
|
|
11년 전
|
조회 4,542
|
|
|
|
11년 전
|
조회 2,550
|
|
|
|
11년 전
|
조회 2,299
|
|
|
|
11년 전
|
조회 2,401
|
|
|
|
11년 전
|
조회 4,288
|
|
|
|
11년 전
|
조회 2,494
|
|
|
|
11년 전
|
조회 2,745
|
|
|
|
11년 전
|
조회 2,282
|
|
|
|
11년 전
|
조회 2,974
|
|
|
|
11년 전
|
조회 2,988
|
|
|
|
11년 전
|
조회 2,392
|
|
|
|
11년 전
|
조회 2,603
|
|
|
|
11년 전
|
조회 2,280
|
|
|
|
11년 전
|
조회 2,225
|
|
|
|
11년 전
|
조회 3,001
|
|
|
|
11년 전
|
조회 2,390
|
|
|
|
11년 전
|
조회 2,286
|
|
|
|
11년 전
|
조회 2,439
|
|
|
|
11년 전
|
조회 2,495
|
|
|
|
11년 전
|
조회 2,227
|
|
|
|
11년 전
|
조회 2,290
|
|
|
|
11년 전
|
조회 2,710
|
|
|
|
11년 전
|
조회 2,389
|
|
|
|
11년 전
|
조회 2,705
|
|
|
|
11년 전
|
조회 2,393
|
|
|
|
11년 전
|
조회 2,403
|
|
|
|
11년 전
|
조회 2,527
|
|
|
|
11년 전
|
조회 2,284
|
|
|
|
11년 전
|
조회 2,336
|
|
|
|
11년 전
|
조회 2,495
|
|
|
|
11년 전
|
조회 3,385
|
|
|
|
11년 전
|
조회 2,350
|
|
|
|
11년 전
|
조회 2,354
|
|
|
|
11년 전
|
조회 2,234
|
|
|
|
11년 전
|
조회 2,696
|
|
|
|
11년 전
|
조회 2,356
|
|
|
|
11년 전
|
조회 2,232
|
|
|
|
11년 전
|
조회 2,588
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^