|
|
|
11년 전
|
조회 3,488
|
|
|
|
11년 전
|
조회 1,942
|
|
|
|
11년 전
|
조회 2,196
|
|
|
|
11년 전
|
조회 593
|
|
|
|
11년 전
|
조회 1,453
|
|
|
|
11년 전
|
조회 969
|
|
|
|
11년 전
|
조회 3,574
|
|
|
|
11년 전
|
조회 1,405
|
|
|
|
11년 전
|
조회 1,381
|
|
|
|
11년 전
|
조회 1,520
|
|
|
|
11년 전
|
조회 3,627
|
|
|
|
11년 전
|
조회 3,591
|
|
|
|
11년 전
|
조회 3,407
|
|
|
|
11년 전
|
조회 1,054
|
|
|
|
11년 전
|
조회 3,435
|
|
|
지운아빠
|
11년 전
|
조회 2,640
|
|
|
|
11년 전
|
조회 3,190
|
|
|
|
11년 전
|
조회 687
|
|
|
|
11년 전
|
조회 2,460
|
|
|
|
11년 전
|
조회 2,436
|
|
|
|
11년 전
|
조회 2,504
|
|
|
|
11년 전
|
조회 1,493
|
|
|
|
11년 전
|
조회 1,969
|
|
|
|
11년 전
|
조회 1,293
|
|
|
|
11년 전
|
조회 1,101
|
|
|
|
11년 전
|
조회 1,681
|
|
|
|
11년 전
|
조회 1,003
|
|
|
|
11년 전
|
조회 3,887
|
|
|
|
11년 전
|
조회 3,661
|
|
|
|
11년 전
|
조회 1,297
|
|
|
|
11년 전
|
조회 2,535
|
|
|
|
11년 전
|
조회 945
|
|
|
|
11년 전
|
조회 1,758
|
|
|
|
11년 전
|
조회 3,363
|
|
|
|
11년 전
|
조회 3,665
|
|
|
|
11년 전
|
조회 4,587
|
|
|
|
11년 전
|
조회 984
|
|
|
|
11년 전
|
조회 1,544
|
|
|
|
11년 전
|
조회 2,949
|
|
|
|
11년 전
|
조회 1,123
|
|
|
|
11년 전
|
조회 1,117
|
|
|
삼관왕
|
11년 전
|
조회 1,731
|
|
|
|
11년 전
|
조회 989
|
|
|
|
11년 전
|
조회 2,264
|
|
|
|
11년 전
|
조회 1,766
|
|
|
|
11년 전
|
조회 3,854
|
|
|
|
11년 전
|
조회 2,304
|
|
|
|
11년 전
|
조회 4,550
|
|
|
|
11년 전
|
조회 1,327
|
|
|
|
11년 전
|
조회 1,192
|
|
|
|
11년 전
|
조회 1,832
|
|
|
|
11년 전
|
조회 1,797
|
|
|
|
11년 전
|
조회 1,370
|
|
|
|
11년 전
|
조회 1,016
|
|
|
|
11년 전
|
조회 1,661
|
|
|
|
11년 전
|
조회 1,039
|
|
|
|
11년 전
|
조회 1,140
|
|
|
|
11년 전
|
조회 1,348
|
|
|
|
11년 전
|
조회 1,168
|
|
|
|
11년 전
|
조회 918
|
|
|
|
11년 전
|
조회 2,103
|
|
|
|
11년 전
|
조회 1,923
|
|
|
|
11년 전
|
조회 3,095
|
|
|
|
11년 전
|
조회 1,074
|
|
|
|
11년 전
|
조회 827
|
|
|
|
11년 전
|
조회 927
|
|
|
|
11년 전
|
조회 2,801
|
|
|
|
11년 전
|
조회 1,053
|
|
|
|
11년 전
|
조회 1,247
|
|
|
|
11년 전
|
조회 769
|
|
|
|
11년 전
|
조회 1,548
|
|
|
|
11년 전
|
조회 1,534
|
|
|
|
11년 전
|
조회 943
|
|
|
|
11년 전
|
조회 1,129
|
|
|
|
11년 전
|
조회 812
|
|
|
|
11년 전
|
조회 773
|
|
|
|
11년 전
|
조회 1,595
|
|
|
|
11년 전
|
조회 931
|
|
|
|
11년 전
|
조회 826
|
|
|
|
11년 전
|
조회 942
|
|
|
|
11년 전
|
조회 1,111
|
|
|
|
11년 전
|
조회 777
|
|
|
|
11년 전
|
조회 822
|
|
|
|
11년 전
|
조회 1,310
|
|
|
|
11년 전
|
조회 867
|
|
|
|
11년 전
|
조회 1,334
|
|
|
|
11년 전
|
조회 856
|
|
|
|
11년 전
|
조회 997
|
|
|
|
11년 전
|
조회 1,049
|
|
|
|
11년 전
|
조회 794
|
|
|
|
11년 전
|
조회 819
|
|
|
|
11년 전
|
조회 1,051
|
|
|
|
11년 전
|
조회 1,983
|
|
|
|
11년 전
|
조회 832
|
|
|
|
11년 전
|
조회 841
|
|
|
|
11년 전
|
조회 775
|
|
|
|
11년 전
|
조회 1,200
|
|
|
|
11년 전
|
조회 841
|
|
|
|
11년 전
|
조회 758
|
|
|
|
11년 전
|
조회 1,072
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^