|
|
|
11년 전
|
조회 3,459
|
|
|
|
11년 전
|
조회 1,912
|
|
|
|
11년 전
|
조회 2,164
|
|
|
|
11년 전
|
조회 556
|
|
|
|
11년 전
|
조회 1,424
|
|
|
|
11년 전
|
조회 939
|
|
|
|
11년 전
|
조회 3,538
|
|
|
|
11년 전
|
조회 1,370
|
|
|
|
11년 전
|
조회 1,342
|
|
|
|
11년 전
|
조회 1,485
|
|
|
|
11년 전
|
조회 3,593
|
|
|
|
11년 전
|
조회 3,553
|
|
|
|
11년 전
|
조회 3,359
|
|
|
|
11년 전
|
조회 1,020
|
|
|
|
11년 전
|
조회 3,403
|
|
|
지운아빠
|
11년 전
|
조회 2,606
|
|
|
|
11년 전
|
조회 3,163
|
|
|
|
11년 전
|
조회 657
|
|
|
|
11년 전
|
조회 2,418
|
|
|
|
11년 전
|
조회 2,401
|
|
|
|
11년 전
|
조회 2,473
|
|
|
|
11년 전
|
조회 1,454
|
|
|
|
11년 전
|
조회 1,931
|
|
|
|
11년 전
|
조회 1,261
|
|
|
|
11년 전
|
조회 1,066
|
|
|
|
11년 전
|
조회 1,650
|
|
|
|
11년 전
|
조회 979
|
|
|
|
11년 전
|
조회 3,853
|
|
|
|
11년 전
|
조회 3,630
|
|
|
|
11년 전
|
조회 1,257
|
|
|
|
11년 전
|
조회 2,505
|
|
|
|
11년 전
|
조회 920
|
|
|
|
11년 전
|
조회 1,726
|
|
|
|
11년 전
|
조회 3,333
|
|
|
|
11년 전
|
조회 3,634
|
|
|
|
11년 전
|
조회 4,552
|
|
|
|
11년 전
|
조회 951
|
|
|
|
11년 전
|
조회 1,515
|
|
|
|
11년 전
|
조회 2,916
|
|
|
|
11년 전
|
조회 1,095
|
|
|
|
11년 전
|
조회 1,083
|
|
|
삼관왕
|
11년 전
|
조회 1,693
|
|
|
|
11년 전
|
조회 952
|
|
|
|
11년 전
|
조회 2,231
|
|
|
|
11년 전
|
조회 1,737
|
|
|
|
11년 전
|
조회 3,811
|
|
|
|
11년 전
|
조회 2,272
|
|
|
|
11년 전
|
조회 4,521
|
|
|
|
11년 전
|
조회 1,299
|
|
|
|
11년 전
|
조회 1,157
|
|
|
|
11년 전
|
조회 1,799
|
|
|
|
11년 전
|
조회 1,765
|
|
|
|
11년 전
|
조회 1,340
|
|
|
|
11년 전
|
조회 984
|
|
|
|
11년 전
|
조회 1,636
|
|
|
|
11년 전
|
조회 1,010
|
|
|
|
11년 전
|
조회 1,103
|
|
|
|
11년 전
|
조회 1,321
|
|
|
|
11년 전
|
조회 1,132
|
|
|
|
11년 전
|
조회 888
|
|
|
|
11년 전
|
조회 2,073
|
|
|
|
11년 전
|
조회 1,887
|
|
|
|
11년 전
|
조회 3,061
|
|
|
|
11년 전
|
조회 1,034
|
|
|
|
11년 전
|
조회 799
|
|
|
|
11년 전
|
조회 890
|
|
|
|
11년 전
|
조회 2,770
|
|
|
|
11년 전
|
조회 1,022
|
|
|
|
11년 전
|
조회 1,221
|
|
|
|
11년 전
|
조회 737
|
|
|
|
11년 전
|
조회 1,516
|
|
|
|
11년 전
|
조회 1,510
|
|
|
|
11년 전
|
조회 918
|
|
|
|
11년 전
|
조회 1,108
|
|
|
|
11년 전
|
조회 786
|
|
|
|
11년 전
|
조회 746
|
|
|
|
11년 전
|
조회 1,566
|
|
|
|
11년 전
|
조회 903
|
|
|
|
11년 전
|
조회 804
|
|
|
|
11년 전
|
조회 918
|
|
|
|
11년 전
|
조회 1,092
|
|
|
|
11년 전
|
조회 752
|
|
|
|
11년 전
|
조회 797
|
|
|
|
11년 전
|
조회 1,293
|
|
|
|
11년 전
|
조회 840
|
|
|
|
11년 전
|
조회 1,316
|
|
|
|
11년 전
|
조회 837
|
|
|
|
11년 전
|
조회 980
|
|
|
|
11년 전
|
조회 1,023
|
|
|
|
11년 전
|
조회 767
|
|
|
|
11년 전
|
조회 793
|
|
|
|
11년 전
|
조회 1,032
|
|
|
|
11년 전
|
조회 1,964
|
|
|
|
11년 전
|
조회 804
|
|
|
|
11년 전
|
조회 817
|
|
|
|
11년 전
|
조회 752
|
|
|
|
11년 전
|
조회 1,177
|
|
|
|
11년 전
|
조회 812
|
|
|
|
11년 전
|
조회 732
|
|
|
|
11년 전
|
조회 1,052
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^