|
|
|
11년 전
|
조회 3,595
|
|
|
|
11년 전
|
조회 2,047
|
|
|
|
11년 전
|
조회 2,296
|
|
|
|
11년 전
|
조회 683
|
|
|
|
11년 전
|
조회 1,548
|
|
|
|
11년 전
|
조회 1,068
|
|
|
|
11년 전
|
조회 3,679
|
|
|
|
11년 전
|
조회 1,501
|
|
|
|
11년 전
|
조회 1,489
|
|
|
|
11년 전
|
조회 1,631
|
|
|
|
11년 전
|
조회 3,738
|
|
|
|
11년 전
|
조회 3,699
|
|
|
|
11년 전
|
조회 3,511
|
|
|
|
11년 전
|
조회 1,156
|
|
|
|
11년 전
|
조회 3,538
|
|
|
지운아빠
|
11년 전
|
조회 2,741
|
|
|
|
11년 전
|
조회 3,288
|
|
|
|
11년 전
|
조회 794
|
|
|
|
11년 전
|
조회 2,557
|
|
|
|
11년 전
|
조회 2,526
|
|
|
|
11년 전
|
조회 2,611
|
|
|
|
11년 전
|
조회 1,600
|
|
|
|
11년 전
|
조회 2,066
|
|
|
|
11년 전
|
조회 1,399
|
|
|
|
11년 전
|
조회 1,199
|
|
|
|
11년 전
|
조회 1,786
|
|
|
|
11년 전
|
조회 1,105
|
|
|
|
11년 전
|
조회 3,993
|
|
|
|
11년 전
|
조회 3,774
|
|
|
|
11년 전
|
조회 1,396
|
|
|
|
11년 전
|
조회 2,642
|
|
|
|
11년 전
|
조회 1,054
|
|
|
|
11년 전
|
조회 1,862
|
|
|
|
11년 전
|
조회 3,469
|
|
|
|
11년 전
|
조회 3,777
|
|
|
|
11년 전
|
조회 4,695
|
|
|
|
11년 전
|
조회 1,085
|
|
|
|
11년 전
|
조회 1,650
|
|
|
|
11년 전
|
조회 3,047
|
|
|
|
11년 전
|
조회 1,224
|
|
|
|
11년 전
|
조회 1,231
|
|
|
삼관왕
|
11년 전
|
조회 1,833
|
|
|
|
11년 전
|
조회 1,103
|
|
|
|
11년 전
|
조회 2,372
|
|
|
|
11년 전
|
조회 1,876
|
|
|
|
11년 전
|
조회 3,956
|
|
|
|
11년 전
|
조회 2,400
|
|
|
|
11년 전
|
조회 4,661
|
|
|
|
11년 전
|
조회 1,440
|
|
|
|
11년 전
|
조회 1,293
|
|
|
|
11년 전
|
조회 1,940
|
|
|
|
11년 전
|
조회 1,910
|
|
|
|
11년 전
|
조회 1,490
|
|
|
|
11년 전
|
조회 1,129
|
|
|
|
11년 전
|
조회 1,759
|
|
|
|
11년 전
|
조회 1,146
|
|
|
|
11년 전
|
조회 1,253
|
|
|
|
11년 전
|
조회 1,450
|
|
|
|
11년 전
|
조회 1,275
|
|
|
|
11년 전
|
조회 1,025
|
|
|
|
11년 전
|
조회 2,212
|
|
|
|
11년 전
|
조회 2,035
|
|
|
|
11년 전
|
조회 3,204
|
|
|
|
11년 전
|
조회 1,177
|
|
|
|
11년 전
|
조회 940
|
|
|
|
11년 전
|
조회 1,042
|
|
|
|
11년 전
|
조회 2,911
|
|
|
|
11년 전
|
조회 1,155
|
|
|
|
11년 전
|
조회 1,356
|
|
|
|
11년 전
|
조회 879
|
|
|
|
11년 전
|
조회 1,661
|
|
|
|
11년 전
|
조회 1,646
|
|
|
|
11년 전
|
조회 1,054
|
|
|
|
11년 전
|
조회 1,232
|
|
|
|
11년 전
|
조회 923
|
|
|
|
11년 전
|
조회 880
|
|
|
|
11년 전
|
조회 1,716
|
|
|
|
11년 전
|
조회 1,042
|
|
|
|
11년 전
|
조회 941
|
|
|
|
11년 전
|
조회 1,057
|
|
|
|
11년 전
|
조회 1,219
|
|
|
|
11년 전
|
조회 895
|
|
|
|
11년 전
|
조회 938
|
|
|
|
11년 전
|
조회 1,408
|
|
|
|
11년 전
|
조회 976
|
|
|
|
11년 전
|
조회 1,433
|
|
|
|
11년 전
|
조회 972
|
|
|
|
11년 전
|
조회 1,087
|
|
|
|
11년 전
|
조회 1,157
|
|
|
|
11년 전
|
조회 904
|
|
|
|
11년 전
|
조회 938
|
|
|
|
11년 전
|
조회 1,155
|
|
|
|
11년 전
|
조회 2,086
|
|
|
|
11년 전
|
조회 947
|
|
|
|
11년 전
|
조회 960
|
|
|
|
11년 전
|
조회 886
|
|
|
|
11년 전
|
조회 1,311
|
|
|
|
11년 전
|
조회 955
|
|
|
|
11년 전
|
조회 871
|
|
|
|
11년 전
|
조회 1,182
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^