|
|
|
11년 전
|
조회 3,502
|
|
|
|
11년 전
|
조회 1,951
|
|
|
|
11년 전
|
조회 2,205
|
|
|
|
11년 전
|
조회 601
|
|
|
|
11년 전
|
조회 1,460
|
|
|
|
11년 전
|
조회 977
|
|
|
|
11년 전
|
조회 3,585
|
|
|
|
11년 전
|
조회 1,414
|
|
|
|
11년 전
|
조회 1,396
|
|
|
|
11년 전
|
조회 1,531
|
|
|
|
11년 전
|
조회 3,639
|
|
|
|
11년 전
|
조회 3,602
|
|
|
|
11년 전
|
조회 3,419
|
|
|
|
11년 전
|
조회 1,066
|
|
|
|
11년 전
|
조회 3,443
|
|
|
지운아빠
|
11년 전
|
조회 2,652
|
|
|
|
11년 전
|
조회 3,200
|
|
|
|
11년 전
|
조회 698
|
|
|
|
11년 전
|
조회 2,473
|
|
|
|
11년 전
|
조회 2,446
|
|
|
|
11년 전
|
조회 2,515
|
|
|
|
11년 전
|
조회 1,502
|
|
|
|
11년 전
|
조회 1,983
|
|
|
|
11년 전
|
조회 1,308
|
|
|
|
11년 전
|
조회 1,110
|
|
|
|
11년 전
|
조회 1,693
|
|
|
|
11년 전
|
조회 1,012
|
|
|
|
11년 전
|
조회 3,898
|
|
|
|
11년 전
|
조회 3,676
|
|
|
|
11년 전
|
조회 1,309
|
|
|
|
11년 전
|
조회 2,541
|
|
|
|
11년 전
|
조회 958
|
|
|
|
11년 전
|
조회 1,768
|
|
|
|
11년 전
|
조회 3,371
|
|
|
|
11년 전
|
조회 3,678
|
|
|
|
11년 전
|
조회 4,597
|
|
|
|
11년 전
|
조회 995
|
|
|
|
11년 전
|
조회 1,555
|
|
|
|
11년 전
|
조회 2,958
|
|
|
|
11년 전
|
조회 1,135
|
|
|
|
11년 전
|
조회 1,128
|
|
|
삼관왕
|
11년 전
|
조회 1,741
|
|
|
|
11년 전
|
조회 998
|
|
|
|
11년 전
|
조회 2,276
|
|
|
|
11년 전
|
조회 1,775
|
|
|
|
11년 전
|
조회 3,864
|
|
|
|
11년 전
|
조회 2,314
|
|
|
|
11년 전
|
조회 4,559
|
|
|
|
11년 전
|
조회 1,336
|
|
|
|
11년 전
|
조회 1,205
|
|
|
|
11년 전
|
조회 1,844
|
|
|
|
11년 전
|
조회 1,811
|
|
|
|
11년 전
|
조회 1,380
|
|
|
|
11년 전
|
조회 1,027
|
|
|
|
11년 전
|
조회 1,672
|
|
|
|
11년 전
|
조회 1,047
|
|
|
|
11년 전
|
조회 1,151
|
|
|
|
11년 전
|
조회 1,357
|
|
|
|
11년 전
|
조회 1,181
|
|
|
|
11년 전
|
조회 929
|
|
|
|
11년 전
|
조회 2,115
|
|
|
|
11년 전
|
조회 1,939
|
|
|
|
11년 전
|
조회 3,108
|
|
|
|
11년 전
|
조회 1,081
|
|
|
|
11년 전
|
조회 837
|
|
|
|
11년 전
|
조회 936
|
|
|
|
11년 전
|
조회 2,813
|
|
|
|
11년 전
|
조회 1,061
|
|
|
|
11년 전
|
조회 1,256
|
|
|
|
11년 전
|
조회 782
|
|
|
|
11년 전
|
조회 1,563
|
|
|
|
11년 전
|
조회 1,543
|
|
|
|
11년 전
|
조회 956
|
|
|
|
11년 전
|
조회 1,137
|
|
|
|
11년 전
|
조회 821
|
|
|
|
11년 전
|
조회 781
|
|
|
|
11년 전
|
조회 1,607
|
|
|
|
11년 전
|
조회 941
|
|
|
|
11년 전
|
조회 836
|
|
|
|
11년 전
|
조회 958
|
|
|
|
11년 전
|
조회 1,120
|
|
|
|
11년 전
|
조회 790
|
|
|
|
11년 전
|
조회 834
|
|
|
|
11년 전
|
조회 1,318
|
|
|
|
11년 전
|
조회 875
|
|
|
|
11년 전
|
조회 1,342
|
|
|
|
11년 전
|
조회 862
|
|
|
|
11년 전
|
조회 1,006
|
|
|
|
11년 전
|
조회 1,061
|
|
|
|
11년 전
|
조회 803
|
|
|
|
11년 전
|
조회 831
|
|
|
|
11년 전
|
조회 1,058
|
|
|
|
11년 전
|
조회 1,995
|
|
|
|
11년 전
|
조회 842
|
|
|
|
11년 전
|
조회 851
|
|
|
|
11년 전
|
조회 785
|
|
|
|
11년 전
|
조회 1,206
|
|
|
|
11년 전
|
조회 853
|
|
|
|
11년 전
|
조회 770
|
|
|
|
11년 전
|
조회 1,077
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^