|
|
|
11년 전
|
조회 4,867
|
|
|
|
11년 전
|
조회 3,350
|
|
|
|
11년 전
|
조회 3,544
|
|
|
|
11년 전
|
조회 1,960
|
|
|
|
11년 전
|
조회 2,839
|
|
|
|
11년 전
|
조회 2,365
|
|
|
|
11년 전
|
조회 4,963
|
|
|
|
11년 전
|
조회 2,782
|
|
|
|
11년 전
|
조회 2,758
|
|
|
|
11년 전
|
조회 2,934
|
|
|
|
11년 전
|
조회 5,034
|
|
|
|
11년 전
|
조회 4,987
|
|
|
|
11년 전
|
조회 4,758
|
|
|
|
11년 전
|
조회 2,433
|
|
|
|
11년 전
|
조회 4,795
|
|
|
지운아빠
|
11년 전
|
조회 4,056
|
|
|
|
11년 전
|
조회 4,538
|
|
|
|
11년 전
|
조회 2,086
|
|
|
|
11년 전
|
조회 3,866
|
|
|
|
11년 전
|
조회 3,847
|
|
|
|
11년 전
|
조회 3,910
|
|
|
|
11년 전
|
조회 2,919
|
|
|
|
11년 전
|
조회 3,369
|
|
|
|
11년 전
|
조회 2,717
|
|
|
|
11년 전
|
조회 2,499
|
|
|
|
11년 전
|
조회 3,128
|
|
|
|
11년 전
|
조회 2,433
|
|
|
|
11년 전
|
조회 5,304
|
|
|
|
11년 전
|
조회 4,900
|
|
|
|
11년 전
|
조회 2,700
|
|
|
|
11년 전
|
조회 3,923
|
|
|
|
11년 전
|
조회 2,362
|
|
|
|
11년 전
|
조회 3,118
|
|
|
|
11년 전
|
조회 4,764
|
|
|
|
11년 전
|
조회 5,084
|
|
|
|
11년 전
|
조회 5,997
|
|
|
|
11년 전
|
조회 2,357
|
|
|
|
11년 전
|
조회 2,932
|
|
|
|
11년 전
|
조회 4,367
|
|
|
|
11년 전
|
조회 2,536
|
|
|
|
11년 전
|
조회 2,527
|
|
|
삼관왕
|
11년 전
|
조회 3,105
|
|
|
|
11년 전
|
조회 2,413
|
|
|
|
11년 전
|
조회 3,659
|
|
|
|
11년 전
|
조회 3,174
|
|
|
|
11년 전
|
조회 5,259
|
|
|
|
11년 전
|
조회 3,670
|
|
|
|
11년 전
|
조회 5,959
|
|
|
|
11년 전
|
조회 2,775
|
|
|
|
11년 전
|
조회 2,584
|
|
|
|
11년 전
|
조회 3,268
|
|
|
|
11년 전
|
조회 3,244
|
|
|
|
11년 전
|
조회 2,783
|
|
|
|
11년 전
|
조회 2,422
|
|
|
|
11년 전
|
조회 3,074
|
|
|
|
11년 전
|
조회 2,475
|
|
|
|
11년 전
|
조회 2,559
|
|
|
|
11년 전
|
조회 2,790
|
|
|
|
11년 전
|
조회 2,612
|
|
|
|
11년 전
|
조회 2,329
|
|
|
|
11년 전
|
조회 3,551
|
|
|
|
11년 전
|
조회 3,345
|
|
|
|
11년 전
|
조회 4,517
|
|
|
|
11년 전
|
조회 2,519
|
|
|
|
11년 전
|
조회 2,284
|
|
|
|
11년 전
|
조회 2,371
|
|
|
|
11년 전
|
조회 4,257
|
|
|
|
11년 전
|
조회 2,470
|
|
|
|
11년 전
|
조회 2,717
|
|
|
|
11년 전
|
조회 2,237
|
|
|
|
11년 전
|
조회 2,940
|
|
|
|
11년 전
|
조회 2,952
|
|
|
|
11년 전
|
조회 2,374
|
|
|
|
11년 전
|
조회 2,577
|
|
|
|
11년 전
|
조회 2,248
|
|
|
|
11년 전
|
조회 2,195
|
|
|
|
11년 전
|
조회 2,977
|
|
|
|
11년 전
|
조회 2,363
|
|
|
|
11년 전
|
조회 2,250
|
|
|
|
11년 전
|
조회 2,407
|
|
|
|
11년 전
|
조회 2,465
|
|
|
|
11년 전
|
조회 2,198
|
|
|
|
11년 전
|
조회 2,272
|
|
|
|
11년 전
|
조회 2,681
|
|
|
|
11년 전
|
조회 2,355
|
|
|
|
11년 전
|
조회 2,676
|
|
|
|
11년 전
|
조회 2,358
|
|
|
|
11년 전
|
조회 2,378
|
|
|
|
11년 전
|
조회 2,497
|
|
|
|
11년 전
|
조회 2,257
|
|
|
|
11년 전
|
조회 2,307
|
|
|
|
11년 전
|
조회 2,466
|
|
|
|
11년 전
|
조회 3,369
|
|
|
|
11년 전
|
조회 2,314
|
|
|
|
11년 전
|
조회 2,317
|
|
|
|
11년 전
|
조회 2,200
|
|
|
|
11년 전
|
조회 2,667
|
|
|
|
11년 전
|
조회 2,321
|
|
|
|
11년 전
|
조회 2,212
|
|
|
|
11년 전
|
조회 2,557
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^