|
|
|
11년 전
|
조회 3,559
|
|
|
|
11년 전
|
조회 2,013
|
|
|
|
11년 전
|
조회 2,257
|
|
|
|
11년 전
|
조회 654
|
|
|
|
11년 전
|
조회 1,510
|
|
|
|
11년 전
|
조회 1,027
|
|
|
|
11년 전
|
조회 3,640
|
|
|
|
11년 전
|
조회 1,464
|
|
|
|
11년 전
|
조회 1,453
|
|
|
|
11년 전
|
조회 1,595
|
|
|
|
11년 전
|
조회 3,701
|
|
|
|
11년 전
|
조회 3,668
|
|
|
|
11년 전
|
조회 3,480
|
|
|
|
11년 전
|
조회 1,122
|
|
|
|
11년 전
|
조회 3,500
|
|
|
지운아빠
|
11년 전
|
조회 2,707
|
|
|
|
11년 전
|
조회 3,264
|
|
|
|
11년 전
|
조회 759
|
|
|
|
11년 전
|
조회 2,521
|
|
|
|
11년 전
|
조회 2,503
|
|
|
|
11년 전
|
조회 2,575
|
|
|
|
11년 전
|
조회 1,562
|
|
|
|
11년 전
|
조회 2,035
|
|
|
|
11년 전
|
조회 1,358
|
|
|
|
11년 전
|
조회 1,163
|
|
|
|
11년 전
|
조회 1,751
|
|
|
|
11년 전
|
조회 1,066
|
|
|
|
11년 전
|
조회 3,953
|
|
|
|
11년 전
|
조회 3,729
|
|
|
|
11년 전
|
조회 1,363
|
|
|
|
11년 전
|
조회 2,600
|
|
|
|
11년 전
|
조회 1,013
|
|
|
|
11년 전
|
조회 1,828
|
|
|
|
11년 전
|
조회 3,436
|
|
|
|
11년 전
|
조회 3,738
|
|
|
|
11년 전
|
조회 4,660
|
|
|
|
11년 전
|
조회 1,053
|
|
|
|
11년 전
|
조회 1,616
|
|
|
|
11년 전
|
조회 3,021
|
|
|
|
11년 전
|
조회 1,192
|
|
|
|
11년 전
|
조회 1,190
|
|
|
삼관왕
|
11년 전
|
조회 1,796
|
|
|
|
11년 전
|
조회 1,063
|
|
|
|
11년 전
|
조회 2,328
|
|
|
|
11년 전
|
조회 1,843
|
|
|
|
11년 전
|
조회 3,925
|
|
|
|
11년 전
|
조회 2,373
|
|
|
|
11년 전
|
조회 4,631
|
|
|
|
11년 전
|
조회 1,402
|
|
|
|
11년 전
|
조회 1,262
|
|
|
|
11년 전
|
조회 1,905
|
|
|
|
11년 전
|
조회 1,869
|
|
|
|
11년 전
|
조회 1,453
|
|
|
|
11년 전
|
조회 1,090
|
|
|
|
11년 전
|
조회 1,719
|
|
|
|
11년 전
|
조회 1,112
|
|
|
|
11년 전
|
조회 1,220
|
|
|
|
11년 전
|
조회 1,417
|
|
|
|
11년 전
|
조회 1,242
|
|
|
|
11년 전
|
조회 996
|
|
|
|
11년 전
|
조회 2,170
|
|
|
|
11년 전
|
조회 1,998
|
|
|
|
11년 전
|
조회 3,165
|
|
|
|
11년 전
|
조회 1,133
|
|
|
|
11년 전
|
조회 904
|
|
|
|
11년 전
|
조회 1,005
|
|
|
|
11년 전
|
조회 2,873
|
|
|
|
11년 전
|
조회 1,120
|
|
|
|
11년 전
|
조회 1,322
|
|
|
|
11년 전
|
조회 844
|
|
|
|
11년 전
|
조회 1,618
|
|
|
|
11년 전
|
조회 1,616
|
|
|
|
11년 전
|
조회 1,019
|
|
|
|
11년 전
|
조회 1,194
|
|
|
|
11년 전
|
조회 884
|
|
|
|
11년 전
|
조회 842
|
|
|
|
11년 전
|
조회 1,674
|
|
|
|
11년 전
|
조회 999
|
|
|
|
11년 전
|
조회 900
|
|
|
|
11년 전
|
조회 1,020
|
|
|
|
11년 전
|
조회 1,183
|
|
|
|
11년 전
|
조회 855
|
|
|
|
11년 전
|
조회 896
|
|
|
|
11년 전
|
조회 1,373
|
|
|
|
11년 전
|
조회 941
|
|
|
|
11년 전
|
조회 1,413
|
|
|
|
11년 전
|
조회 931
|
|
|
|
11년 전
|
조회 1,057
|
|
|
|
11년 전
|
조회 1,118
|
|
|
|
11년 전
|
조회 869
|
|
|
|
11년 전
|
조회 892
|
|
|
|
11년 전
|
조회 1,126
|
|
|
|
11년 전
|
조회 2,053
|
|
|
|
11년 전
|
조회 901
|
|
|
|
11년 전
|
조회 917
|
|
|
|
11년 전
|
조회 853
|
|
|
|
11년 전
|
조회 1,272
|
|
|
|
11년 전
|
조회 919
|
|
|
|
11년 전
|
조회 830
|
|
|
|
11년 전
|
조회 1,141
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^