|
|
|
11년 전
|
조회 3,536
|
|
|
|
11년 전
|
조회 1,989
|
|
|
|
11년 전
|
조회 2,231
|
|
|
|
11년 전
|
조회 636
|
|
|
|
11년 전
|
조회 1,494
|
|
|
|
11년 전
|
조회 1,011
|
|
|
|
11년 전
|
조회 3,612
|
|
|
|
11년 전
|
조회 1,444
|
|
|
|
11년 전
|
조회 1,433
|
|
|
|
11년 전
|
조회 1,576
|
|
|
|
11년 전
|
조회 3,683
|
|
|
|
11년 전
|
조회 3,645
|
|
|
|
11년 전
|
조회 3,451
|
|
|
|
11년 전
|
조회 1,103
|
|
|
|
11년 전
|
조회 3,474
|
|
|
지운아빠
|
11년 전
|
조회 2,685
|
|
|
|
11년 전
|
조회 3,238
|
|
|
|
11년 전
|
조회 738
|
|
|
|
11년 전
|
조회 2,505
|
|
|
|
11년 전
|
조회 2,477
|
|
|
|
11년 전
|
조회 2,557
|
|
|
|
11년 전
|
조회 1,539
|
|
|
|
11년 전
|
조회 2,017
|
|
|
|
11년 전
|
조회 1,341
|
|
|
|
11년 전
|
조회 1,142
|
|
|
|
11년 전
|
조회 1,725
|
|
|
|
11년 전
|
조회 1,048
|
|
|
|
11년 전
|
조회 3,935
|
|
|
|
11년 전
|
조회 3,708
|
|
|
|
11년 전
|
조회 1,343
|
|
|
|
11년 전
|
조회 2,577
|
|
|
|
11년 전
|
조회 995
|
|
|
|
11년 전
|
조회 1,805
|
|
|
|
11년 전
|
조회 3,413
|
|
|
|
11년 전
|
조회 3,714
|
|
|
|
11년 전
|
조회 4,636
|
|
|
|
11년 전
|
조회 1,031
|
|
|
|
11년 전
|
조회 1,589
|
|
|
|
11년 전
|
조회 2,995
|
|
|
|
11년 전
|
조회 1,174
|
|
|
|
11년 전
|
조회 1,167
|
|
|
삼관왕
|
11년 전
|
조회 1,777
|
|
|
|
11년 전
|
조회 1,041
|
|
|
|
11년 전
|
조회 2,308
|
|
|
|
11년 전
|
조회 1,818
|
|
|
|
11년 전
|
조회 3,899
|
|
|
|
11년 전
|
조회 2,350
|
|
|
|
11년 전
|
조회 4,600
|
|
|
|
11년 전
|
조회 1,378
|
|
|
|
11년 전
|
조회 1,241
|
|
|
|
11년 전
|
조회 1,884
|
|
|
|
11년 전
|
조회 1,851
|
|
|
|
11년 전
|
조회 1,424
|
|
|
|
11년 전
|
조회 1,072
|
|
|
|
11년 전
|
조회 1,702
|
|
|
|
11년 전
|
조회 1,091
|
|
|
|
11년 전
|
조회 1,190
|
|
|
|
11년 전
|
조회 1,400
|
|
|
|
11년 전
|
조회 1,222
|
|
|
|
11년 전
|
조회 969
|
|
|
|
11년 전
|
조회 2,150
|
|
|
|
11년 전
|
조회 1,974
|
|
|
|
11년 전
|
조회 3,145
|
|
|
|
11년 전
|
조회 1,109
|
|
|
|
11년 전
|
조회 883
|
|
|
|
11년 전
|
조회 978
|
|
|
|
11년 전
|
조회 2,849
|
|
|
|
11년 전
|
조회 1,091
|
|
|
|
11년 전
|
조회 1,293
|
|
|
|
11년 전
|
조회 822
|
|
|
|
11년 전
|
조회 1,595
|
|
|
|
11년 전
|
조회 1,590
|
|
|
|
11년 전
|
조회 997
|
|
|
|
11년 전
|
조회 1,176
|
|
|
|
11년 전
|
조회 861
|
|
|
|
11년 전
|
조회 817
|
|
|
|
11년 전
|
조회 1,644
|
|
|
|
11년 전
|
조회 973
|
|
|
|
11년 전
|
조회 878
|
|
|
|
11년 전
|
조회 992
|
|
|
|
11년 전
|
조회 1,165
|
|
|
|
11년 전
|
조회 829
|
|
|
|
11년 전
|
조회 867
|
|
|
|
11년 전
|
조회 1,352
|
|
|
|
11년 전
|
조회 917
|
|
|
|
11년 전
|
조회 1,389
|
|
|
|
11년 전
|
조회 902
|
|
|
|
11년 전
|
조회 1,038
|
|
|
|
11년 전
|
조회 1,089
|
|
|
|
11년 전
|
조회 843
|
|
|
|
11년 전
|
조회 871
|
|
|
|
11년 전
|
조회 1,093
|
|
|
|
11년 전
|
조회 2,030
|
|
|
|
11년 전
|
조회 871
|
|
|
|
11년 전
|
조회 893
|
|
|
|
11년 전
|
조회 823
|
|
|
|
11년 전
|
조회 1,245
|
|
|
|
11년 전
|
조회 900
|
|
|
|
11년 전
|
조회 806
|
|
|
|
11년 전
|
조회 1,114
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^