|
|
|
11년 전
|
조회 3,435
|
|
|
|
11년 전
|
조회 1,882
|
|
|
|
11년 전
|
조회 2,143
|
|
|
|
11년 전
|
조회 529
|
|
|
|
11년 전
|
조회 1,397
|
|
|
|
11년 전
|
조회 908
|
|
|
|
11년 전
|
조회 3,510
|
|
|
|
11년 전
|
조회 1,350
|
|
|
|
11년 전
|
조회 1,317
|
|
|
|
11년 전
|
조회 1,458
|
|
|
|
11년 전
|
조회 3,568
|
|
|
|
11년 전
|
조회 3,530
|
|
|
|
11년 전
|
조회 3,349
|
|
|
|
11년 전
|
조회 997
|
|
|
|
11년 전
|
조회 3,378
|
|
|
지운아빠
|
11년 전
|
조회 2,578
|
|
|
|
11년 전
|
조회 3,149
|
|
|
|
11년 전
|
조회 631
|
|
|
|
11년 전
|
조회 2,397
|
|
|
|
11년 전
|
조회 2,380
|
|
|
|
11년 전
|
조회 2,456
|
|
|
|
11년 전
|
조회 1,435
|
|
|
|
11년 전
|
조회 1,912
|
|
|
|
11년 전
|
조회 1,235
|
|
|
|
11년 전
|
조회 1,051
|
|
|
|
11년 전
|
조회 1,627
|
|
|
|
11년 전
|
조회 954
|
|
|
|
11년 전
|
조회 3,830
|
|
|
|
11년 전
|
조회 3,607
|
|
|
|
11년 전
|
조회 1,231
|
|
|
|
11년 전
|
조회 2,476
|
|
|
|
11년 전
|
조회 898
|
|
|
|
11년 전
|
조회 1,702
|
|
|
|
11년 전
|
조회 3,308
|
|
|
|
11년 전
|
조회 3,612
|
|
|
|
11년 전
|
조회 4,536
|
|
|
|
11년 전
|
조회 932
|
|
|
|
11년 전
|
조회 1,500
|
|
|
|
11년 전
|
조회 2,906
|
|
|
|
11년 전
|
조회 1,071
|
|
|
|
11년 전
|
조회 1,058
|
|
|
삼관왕
|
11년 전
|
조회 1,675
|
|
|
|
11년 전
|
조회 928
|
|
|
|
11년 전
|
조회 2,213
|
|
|
|
11년 전
|
조회 1,717
|
|
|
|
11년 전
|
조회 3,794
|
|
|
|
11년 전
|
조회 2,257
|
|
|
|
11년 전
|
조회 4,510
|
|
|
|
11년 전
|
조회 1,280
|
|
|
|
11년 전
|
조회 1,141
|
|
|
|
11년 전
|
조회 1,781
|
|
|
|
11년 전
|
조회 1,747
|
|
|
|
11년 전
|
조회 1,317
|
|
|
|
11년 전
|
조회 969
|
|
|
|
11년 전
|
조회 1,619
|
|
|
|
11년 전
|
조회 989
|
|
|
|
11년 전
|
조회 1,085
|
|
|
|
11년 전
|
조회 1,302
|
|
|
|
11년 전
|
조회 1,113
|
|
|
|
11년 전
|
조회 874
|
|
|
|
11년 전
|
조회 2,055
|
|
|
|
11년 전
|
조회 1,870
|
|
|
|
11년 전
|
조회 3,042
|
|
|
|
11년 전
|
조회 1,019
|
|
|
|
11년 전
|
조회 781
|
|
|
|
11년 전
|
조회 870
|
|
|
|
11년 전
|
조회 2,754
|
|
|
|
11년 전
|
조회 1,008
|
|
|
|
11년 전
|
조회 1,203
|
|
|
|
11년 전
|
조회 717
|
|
|
|
11년 전
|
조회 1,500
|
|
|
|
11년 전
|
조회 1,491
|
|
|
|
11년 전
|
조회 900
|
|
|
|
11년 전
|
조회 1,086
|
|
|
|
11년 전
|
조회 763
|
|
|
|
11년 전
|
조회 725
|
|
|
|
11년 전
|
조회 1,549
|
|
|
|
11년 전
|
조회 886
|
|
|
|
11년 전
|
조회 786
|
|
|
|
11년 전
|
조회 904
|
|
|
|
11년 전
|
조회 1,085
|
|
|
|
11년 전
|
조회 735
|
|
|
|
11년 전
|
조회 777
|
|
|
|
11년 전
|
조회 1,288
|
|
|
|
11년 전
|
조회 821
|
|
|
|
11년 전
|
조회 1,308
|
|
|
|
11년 전
|
조회 819
|
|
|
|
11년 전
|
조회 968
|
|
|
|
11년 전
|
조회 1,004
|
|
|
|
11년 전
|
조회 749
|
|
|
|
11년 전
|
조회 783
|
|
|
|
11년 전
|
조회 1,018
|
|
|
|
11년 전
|
조회 1,955
|
|
|
|
11년 전
|
조회 787
|
|
|
|
11년 전
|
조회 799
|
|
|
|
11년 전
|
조회 739
|
|
|
|
11년 전
|
조회 1,155
|
|
|
|
11년 전
|
조회 801
|
|
|
|
11년 전
|
조회 717
|
|
|
|
11년 전
|
조회 1,042
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^