|
|
|
11년 전
|
조회 4,948
|
|
|
|
11년 전
|
조회 3,443
|
|
|
|
11년 전
|
조회 3,627
|
|
|
|
11년 전
|
조회 2,051
|
|
|
|
11년 전
|
조회 2,926
|
|
|
|
11년 전
|
조회 2,448
|
|
|
|
11년 전
|
조회 5,042
|
|
|
|
11년 전
|
조회 2,869
|
|
|
|
11년 전
|
조회 2,848
|
|
|
|
11년 전
|
조회 3,023
|
|
|
|
11년 전
|
조회 5,117
|
|
|
|
11년 전
|
조회 5,066
|
|
|
|
11년 전
|
조회 4,834
|
|
|
|
11년 전
|
조회 2,518
|
|
|
|
11년 전
|
조회 4,874
|
|
|
지운아빠
|
11년 전
|
조회 4,140
|
|
|
|
11년 전
|
조회 4,617
|
|
|
|
11년 전
|
조회 2,164
|
|
|
|
11년 전
|
조회 3,963
|
|
|
|
11년 전
|
조회 3,931
|
|
|
|
11년 전
|
조회 3,999
|
|
|
|
11년 전
|
조회 3,015
|
|
|
|
11년 전
|
조회 3,441
|
|
|
|
11년 전
|
조회 2,796
|
|
|
|
11년 전
|
조회 2,578
|
|
|
|
11년 전
|
조회 3,215
|
|
|
|
11년 전
|
조회 2,517
|
|
|
|
11년 전
|
조회 5,379
|
|
|
|
11년 전
|
조회 4,927
|
|
|
|
11년 전
|
조회 2,801
|
|
|
|
11년 전
|
조회 4,009
|
|
|
|
11년 전
|
조회 2,444
|
|
|
|
11년 전
|
조회 3,197
|
|
|
|
11년 전
|
조회 4,831
|
|
|
|
11년 전
|
조회 5,163
|
|
|
|
11년 전
|
조회 6,068
|
|
|
|
11년 전
|
조회 2,448
|
|
|
|
11년 전
|
조회 3,017
|
|
|
|
11년 전
|
조회 4,438
|
|
|
|
11년 전
|
조회 2,620
|
|
|
|
11년 전
|
조회 2,600
|
|
|
삼관왕
|
11년 전
|
조회 3,201
|
|
|
|
11년 전
|
조회 2,504
|
|
|
|
11년 전
|
조회 3,744
|
|
|
|
11년 전
|
조회 3,250
|
|
|
|
11년 전
|
조회 5,330
|
|
|
|
11년 전
|
조회 3,749
|
|
|
|
11년 전
|
조회 6,033
|
|
|
|
11년 전
|
조회 2,861
|
|
|
|
11년 전
|
조회 2,655
|
|
|
|
11년 전
|
조회 3,353
|
|
|
|
11년 전
|
조회 3,331
|
|
|
|
11년 전
|
조회 2,871
|
|
|
|
11년 전
|
조회 2,508
|
|
|
|
11년 전
|
조회 3,169
|
|
|
|
11년 전
|
조회 2,566
|
|
|
|
11년 전
|
조회 2,646
|
|
|
|
11년 전
|
조회 2,881
|
|
|
|
11년 전
|
조회 2,695
|
|
|
|
11년 전
|
조회 2,403
|
|
|
|
11년 전
|
조회 3,636
|
|
|
|
11년 전
|
조회 3,419
|
|
|
|
11년 전
|
조회 4,592
|
|
|
|
11년 전
|
조회 2,605
|
|
|
|
11년 전
|
조회 2,347
|
|
|
|
11년 전
|
조회 2,455
|
|
|
|
11년 전
|
조회 4,351
|
|
|
|
11년 전
|
조회 2,548
|
|
|
|
11년 전
|
조회 2,794
|
|
|
|
11년 전
|
조회 2,338
|
|
|
|
11년 전
|
조회 3,023
|
|
|
|
11년 전
|
조회 3,034
|
|
|
|
11년 전
|
조회 2,443
|
|
|
|
11년 전
|
조회 2,659
|
|
|
|
11년 전
|
조회 2,333
|
|
|
|
11년 전
|
조회 2,271
|
|
|
|
11년 전
|
조회 3,048
|
|
|
|
11년 전
|
조회 2,435
|
|
|
|
11년 전
|
조회 2,338
|
|
|
|
11년 전
|
조회 2,506
|
|
|
|
11년 전
|
조회 2,549
|
|
|
|
11년 전
|
조회 2,278
|
|
|
|
11년 전
|
조회 2,350
|
|
|
|
11년 전
|
조회 2,754
|
|
|
|
11년 전
|
조회 2,444
|
|
|
|
11년 전
|
조회 2,765
|
|
|
|
11년 전
|
조회 2,456
|
|
|
|
11년 전
|
조회 2,444
|
|
|
|
11년 전
|
조회 2,584
|
|
|
|
11년 전
|
조회 2,347
|
|
|
|
11년 전
|
조회 2,394
|
|
|
|
11년 전
|
조회 2,543
|
|
|
|
11년 전
|
조회 3,451
|
|
|
|
11년 전
|
조회 2,408
|
|
|
|
11년 전
|
조회 2,410
|
|
|
|
11년 전
|
조회 2,280
|
|
|
|
11년 전
|
조회 2,765
|
|
|
|
11년 전
|
조회 2,417
|
|
|
|
11년 전
|
조회 2,283
|
|
|
|
11년 전
|
조회 2,640
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^