|
|
|
11년 전
|
조회 3,430
|
|
|
|
11년 전
|
조회 1,877
|
|
|
|
11년 전
|
조회 2,143
|
|
|
|
11년 전
|
조회 522
|
|
|
|
11년 전
|
조회 1,389
|
|
|
|
11년 전
|
조회 900
|
|
|
|
11년 전
|
조회 3,505
|
|
|
|
11년 전
|
조회 1,350
|
|
|
|
11년 전
|
조회 1,311
|
|
|
|
11년 전
|
조회 1,453
|
|
|
|
11년 전
|
조회 3,562
|
|
|
|
11년 전
|
조회 3,526
|
|
|
|
11년 전
|
조회 3,349
|
|
|
|
11년 전
|
조회 990
|
|
|
|
11년 전
|
조회 3,375
|
|
|
지운아빠
|
11년 전
|
조회 2,571
|
|
|
|
11년 전
|
조회 3,146
|
|
|
|
11년 전
|
조회 624
|
|
|
|
11년 전
|
조회 2,387
|
|
|
|
11년 전
|
조회 2,375
|
|
|
|
11년 전
|
조회 2,451
|
|
|
|
11년 전
|
조회 1,430
|
|
|
|
11년 전
|
조회 1,904
|
|
|
|
11년 전
|
조회 1,228
|
|
|
|
11년 전
|
조회 1,046
|
|
|
|
11년 전
|
조회 1,619
|
|
|
|
11년 전
|
조회 945
|
|
|
|
11년 전
|
조회 3,825
|
|
|
|
11년 전
|
조회 3,598
|
|
|
|
11년 전
|
조회 1,223
|
|
|
|
11년 전
|
조회 2,472
|
|
|
|
11년 전
|
조회 889
|
|
|
|
11년 전
|
조회 1,698
|
|
|
|
11년 전
|
조회 3,305
|
|
|
|
11년 전
|
조회 3,607
|
|
|
|
11년 전
|
조회 4,528
|
|
|
|
11년 전
|
조회 925
|
|
|
|
11년 전
|
조회 1,496
|
|
|
|
11년 전
|
조회 2,905
|
|
|
|
11년 전
|
조회 1,068
|
|
|
|
11년 전
|
조회 1,053
|
|
|
삼관왕
|
11년 전
|
조회 1,667
|
|
|
|
11년 전
|
조회 922
|
|
|
|
11년 전
|
조회 2,206
|
|
|
|
11년 전
|
조회 1,713
|
|
|
|
11년 전
|
조회 3,788
|
|
|
|
11년 전
|
조회 2,254
|
|
|
|
11년 전
|
조회 4,506
|
|
|
|
11년 전
|
조회 1,272
|
|
|
|
11년 전
|
조회 1,131
|
|
|
|
11년 전
|
조회 1,775
|
|
|
|
11년 전
|
조회 1,739
|
|
|
|
11년 전
|
조회 1,310
|
|
|
|
11년 전
|
조회 958
|
|
|
|
11년 전
|
조회 1,608
|
|
|
|
11년 전
|
조회 980
|
|
|
|
11년 전
|
조회 1,079
|
|
|
|
11년 전
|
조회 1,291
|
|
|
|
11년 전
|
조회 1,109
|
|
|
|
11년 전
|
조회 873
|
|
|
|
11년 전
|
조회 2,045
|
|
|
|
11년 전
|
조회 1,865
|
|
|
|
11년 전
|
조회 3,038
|
|
|
|
11년 전
|
조회 1,012
|
|
|
|
11년 전
|
조회 780
|
|
|
|
11년 전
|
조회 863
|
|
|
|
11년 전
|
조회 2,747
|
|
|
|
11년 전
|
조회 1,006
|
|
|
|
11년 전
|
조회 1,196
|
|
|
|
11년 전
|
조회 709
|
|
|
|
11년 전
|
조회 1,494
|
|
|
|
11년 전
|
조회 1,484
|
|
|
|
11년 전
|
조회 896
|
|
|
|
11년 전
|
조회 1,076
|
|
|
|
11년 전
|
조회 758
|
|
|
|
11년 전
|
조회 717
|
|
|
|
11년 전
|
조회 1,546
|
|
|
|
11년 전
|
조회 876
|
|
|
|
11년 전
|
조회 781
|
|
|
|
11년 전
|
조회 896
|
|
|
|
11년 전
|
조회 1,082
|
|
|
|
11년 전
|
조회 727
|
|
|
|
11년 전
|
조회 773
|
|
|
|
11년 전
|
조회 1,282
|
|
|
|
11년 전
|
조회 813
|
|
|
|
11년 전
|
조회 1,306
|
|
|
|
11년 전
|
조회 809
|
|
|
|
11년 전
|
조회 965
|
|
|
|
11년 전
|
조회 999
|
|
|
|
11년 전
|
조회 744
|
|
|
|
11년 전
|
조회 774
|
|
|
|
11년 전
|
조회 1,013
|
|
|
|
11년 전
|
조회 1,951
|
|
|
|
11년 전
|
조회 782
|
|
|
|
11년 전
|
조회 794
|
|
|
|
11년 전
|
조회 733
|
|
|
|
11년 전
|
조회 1,143
|
|
|
|
11년 전
|
조회 792
|
|
|
|
11년 전
|
조회 707
|
|
|
|
11년 전
|
조회 1,035
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^