|
|
|
11년 전
|
조회 3,480
|
|
|
|
11년 전
|
조회 1,931
|
|
|
|
11년 전
|
조회 2,183
|
|
|
|
11년 전
|
조회 576
|
|
|
|
11년 전
|
조회 1,442
|
|
|
|
11년 전
|
조회 957
|
|
|
|
11년 전
|
조회 3,561
|
|
|
|
11년 전
|
조회 1,394
|
|
|
|
11년 전
|
조회 1,366
|
|
|
|
11년 전
|
조회 1,507
|
|
|
|
11년 전
|
조회 3,614
|
|
|
|
11년 전
|
조회 3,578
|
|
|
|
11년 전
|
조회 3,390
|
|
|
|
11년 전
|
조회 1,043
|
|
|
|
11년 전
|
조회 3,425
|
|
|
지운아빠
|
11년 전
|
조회 2,631
|
|
|
|
11년 전
|
조회 3,180
|
|
|
|
11년 전
|
조회 679
|
|
|
|
11년 전
|
조회 2,450
|
|
|
|
11년 전
|
조회 2,422
|
|
|
|
11년 전
|
조회 2,493
|
|
|
|
11년 전
|
조회 1,481
|
|
|
|
11년 전
|
조회 1,957
|
|
|
|
11년 전
|
조회 1,283
|
|
|
|
11년 전
|
조회 1,089
|
|
|
|
11년 전
|
조회 1,673
|
|
|
|
11년 전
|
조회 995
|
|
|
|
11년 전
|
조회 3,878
|
|
|
|
11년 전
|
조회 3,654
|
|
|
|
11년 전
|
조회 1,283
|
|
|
|
11년 전
|
조회 2,527
|
|
|
|
11년 전
|
조회 938
|
|
|
|
11년 전
|
조회 1,748
|
|
|
|
11년 전
|
조회 3,356
|
|
|
|
11년 전
|
조회 3,656
|
|
|
|
11년 전
|
조회 4,578
|
|
|
|
11년 전
|
조회 970
|
|
|
|
11년 전
|
조회 1,532
|
|
|
|
11년 전
|
조회 2,938
|
|
|
|
11년 전
|
조회 1,116
|
|
|
|
11년 전
|
조회 1,102
|
|
|
삼관왕
|
11년 전
|
조회 1,720
|
|
|
|
11년 전
|
조회 974
|
|
|
|
11년 전
|
조회 2,256
|
|
|
|
11년 전
|
조회 1,755
|
|
|
|
11년 전
|
조회 3,837
|
|
|
|
11년 전
|
조회 2,292
|
|
|
|
11년 전
|
조회 4,540
|
|
|
|
11년 전
|
조회 1,318
|
|
|
|
11년 전
|
조회 1,184
|
|
|
|
11년 전
|
조회 1,819
|
|
|
|
11년 전
|
조회 1,783
|
|
|
|
11년 전
|
조회 1,359
|
|
|
|
11년 전
|
조회 1,005
|
|
|
|
11년 전
|
조회 1,651
|
|
|
|
11년 전
|
조회 1,029
|
|
|
|
11년 전
|
조회 1,128
|
|
|
|
11년 전
|
조회 1,339
|
|
|
|
11년 전
|
조회 1,157
|
|
|
|
11년 전
|
조회 908
|
|
|
|
11년 전
|
조회 2,094
|
|
|
|
11년 전
|
조회 1,908
|
|
|
|
11년 전
|
조회 3,084
|
|
|
|
11년 전
|
조회 1,061
|
|
|
|
11년 전
|
조회 816
|
|
|
|
11년 전
|
조회 915
|
|
|
|
11년 전
|
조회 2,788
|
|
|
|
11년 전
|
조회 1,041
|
|
|
|
11년 전
|
조회 1,237
|
|
|
|
11년 전
|
조회 757
|
|
|
|
11년 전
|
조회 1,533
|
|
|
|
11년 전
|
조회 1,523
|
|
|
|
11년 전
|
조회 932
|
|
|
|
11년 전
|
조회 1,120
|
|
|
|
11년 전
|
조회 799
|
|
|
|
11년 전
|
조회 762
|
|
|
|
11년 전
|
조회 1,586
|
|
|
|
11년 전
|
조회 920
|
|
|
|
11년 전
|
조회 816
|
|
|
|
11년 전
|
조회 931
|
|
|
|
11년 전
|
조회 1,103
|
|
|
|
11년 전
|
조회 767
|
|
|
|
11년 전
|
조회 810
|
|
|
|
11년 전
|
조회 1,302
|
|
|
|
11년 전
|
조회 851
|
|
|
|
11년 전
|
조회 1,328
|
|
|
|
11년 전
|
조회 848
|
|
|
|
11년 전
|
조회 989
|
|
|
|
11년 전
|
조회 1,038
|
|
|
|
11년 전
|
조회 782
|
|
|
|
11년 전
|
조회 808
|
|
|
|
11년 전
|
조회 1,042
|
|
|
|
11년 전
|
조회 1,975
|
|
|
|
11년 전
|
조회 820
|
|
|
|
11년 전
|
조회 828
|
|
|
|
11년 전
|
조회 764
|
|
|
|
11년 전
|
조회 1,192
|
|
|
|
11년 전
|
조회 827
|
|
|
|
11년 전
|
조회 745
|
|
|
|
11년 전
|
조회 1,065
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^