|
|
|
11년 전
|
조회 3,443
|
|
|
|
11년 전
|
조회 1,894
|
|
|
|
11년 전
|
조회 2,151
|
|
|
|
11년 전
|
조회 537
|
|
|
|
11년 전
|
조회 1,407
|
|
|
|
11년 전
|
조회 917
|
|
|
|
11년 전
|
조회 3,519
|
|
|
|
11년 전
|
조회 1,358
|
|
|
|
11년 전
|
조회 1,324
|
|
|
|
11년 전
|
조회 1,465
|
|
|
|
11년 전
|
조회 3,575
|
|
|
|
11년 전
|
조회 3,536
|
|
|
|
11년 전
|
조회 3,354
|
|
|
|
11년 전
|
조회 1,007
|
|
|
|
11년 전
|
조회 3,383
|
|
|
지운아빠
|
11년 전
|
조회 2,587
|
|
|
|
11년 전
|
조회 3,152
|
|
|
|
11년 전
|
조회 640
|
|
|
|
11년 전
|
조회 2,405
|
|
|
|
11년 전
|
조회 2,385
|
|
|
|
11년 전
|
조회 2,461
|
|
|
|
11년 전
|
조회 1,441
|
|
|
|
11년 전
|
조회 1,915
|
|
|
|
11년 전
|
조회 1,244
|
|
|
|
11년 전
|
조회 1,056
|
|
|
|
11년 전
|
조회 1,634
|
|
|
|
11년 전
|
조회 958
|
|
|
|
11년 전
|
조회 3,836
|
|
|
|
11년 전
|
조회 3,613
|
|
|
|
11년 전
|
조회 1,243
|
|
|
|
11년 전
|
조회 2,483
|
|
|
|
11년 전
|
조회 908
|
|
|
|
11년 전
|
조회 1,707
|
|
|
|
11년 전
|
조회 3,316
|
|
|
|
11년 전
|
조회 3,616
|
|
|
|
11년 전
|
조회 4,540
|
|
|
|
11년 전
|
조회 938
|
|
|
|
11년 전
|
조회 1,502
|
|
|
|
11년 전
|
조회 2,909
|
|
|
|
11년 전
|
조회 1,082
|
|
|
|
11년 전
|
조회 1,071
|
|
|
삼관왕
|
11년 전
|
조회 1,681
|
|
|
|
11년 전
|
조회 941
|
|
|
|
11년 전
|
조회 2,217
|
|
|
|
11년 전
|
조회 1,720
|
|
|
|
11년 전
|
조회 3,799
|
|
|
|
11년 전
|
조회 2,263
|
|
|
|
11년 전
|
조회 4,513
|
|
|
|
11년 전
|
조회 1,287
|
|
|
|
11년 전
|
조회 1,148
|
|
|
|
11년 전
|
조회 1,786
|
|
|
|
11년 전
|
조회 1,751
|
|
|
|
11년 전
|
조회 1,325
|
|
|
|
11년 전
|
조회 973
|
|
|
|
11년 전
|
조회 1,626
|
|
|
|
11년 전
|
조회 998
|
|
|
|
11년 전
|
조회 1,093
|
|
|
|
11년 전
|
조회 1,308
|
|
|
|
11년 전
|
조회 1,124
|
|
|
|
11년 전
|
조회 878
|
|
|
|
11년 전
|
조회 2,062
|
|
|
|
11년 전
|
조회 1,874
|
|
|
|
11년 전
|
조회 3,049
|
|
|
|
11년 전
|
조회 1,024
|
|
|
|
11년 전
|
조회 790
|
|
|
|
11년 전
|
조회 881
|
|
|
|
11년 전
|
조회 2,761
|
|
|
|
11년 전
|
조회 1,013
|
|
|
|
11년 전
|
조회 1,209
|
|
|
|
11년 전
|
조회 728
|
|
|
|
11년 전
|
조회 1,505
|
|
|
|
11년 전
|
조회 1,501
|
|
|
|
11년 전
|
조회 908
|
|
|
|
11년 전
|
조회 1,093
|
|
|
|
11년 전
|
조회 772
|
|
|
|
11년 전
|
조회 733
|
|
|
|
11년 전
|
조회 1,558
|
|
|
|
11년 전
|
조회 894
|
|
|
|
11년 전
|
조회 793
|
|
|
|
11년 전
|
조회 906
|
|
|
|
11년 전
|
조회 1,089
|
|
|
|
11년 전
|
조회 741
|
|
|
|
11년 전
|
조회 786
|
|
|
|
11년 전
|
조회 1,289
|
|
|
|
11년 전
|
조회 830
|
|
|
|
11년 전
|
조회 1,312
|
|
|
|
11년 전
|
조회 828
|
|
|
|
11년 전
|
조회 969
|
|
|
|
11년 전
|
조회 1,012
|
|
|
|
11년 전
|
조회 759
|
|
|
|
11년 전
|
조회 785
|
|
|
|
11년 전
|
조회 1,020
|
|
|
|
11년 전
|
조회 1,955
|
|
|
|
11년 전
|
조회 792
|
|
|
|
11년 전
|
조회 803
|
|
|
|
11년 전
|
조회 742
|
|
|
|
11년 전
|
조회 1,162
|
|
|
|
11년 전
|
조회 803
|
|
|
|
11년 전
|
조회 724
|
|
|
|
11년 전
|
조회 1,044
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^