|
|
|
11년 전
|
조회 4,445
|
|
|
|
11년 전
|
조회 2,868
|
|
|
|
11년 전
|
조회 3,087
|
|
|
|
11년 전
|
조회 1,463
|
|
|
|
11년 전
|
조회 2,334
|
|
|
|
11년 전
|
조회 1,856
|
|
|
|
11년 전
|
조회 4,475
|
|
|
|
11년 전
|
조회 2,367
|
|
|
|
11년 전
|
조회 2,317
|
|
|
|
11년 전
|
조회 2,532
|
|
|
|
11년 전
|
조회 4,532
|
|
|
|
11년 전
|
조회 4,498
|
|
|
|
11년 전
|
조회 4,283
|
|
|
|
11년 전
|
조회 1,953
|
|
|
|
11년 전
|
조회 4,334
|
|
|
지운아빠
|
11년 전
|
조회 3,576
|
|
|
|
11년 전
|
조회 4,091
|
|
|
|
11년 전
|
조회 1,578
|
|
|
|
11년 전
|
조회 3,382
|
|
|
|
11년 전
|
조회 3,404
|
|
|
|
11년 전
|
조회 3,452
|
|
|
|
11년 전
|
조회 2,435
|
|
|
|
11년 전
|
조회 2,876
|
|
|
|
11년 전
|
조회 2,247
|
|
|
|
11년 전
|
조회 2,030
|
|
|
|
11년 전
|
조회 2,637
|
|
|
|
11년 전
|
조회 1,944
|
|
|
|
11년 전
|
조회 4,818
|
|
|
|
11년 전
|
조회 4,517
|
|
|
|
11년 전
|
조회 2,238
|
|
|
|
11년 전
|
조회 3,473
|
|
|
|
11년 전
|
조회 1,892
|
|
|
|
11년 전
|
조회 2,677
|
|
|
|
11년 전
|
조회 4,281
|
|
|
|
11년 전
|
조회 4,590
|
|
|
|
11년 전
|
조회 5,511
|
|
|
|
11년 전
|
조회 1,863
|
|
|
|
11년 전
|
조회 2,480
|
|
|
|
11년 전
|
조회 3,881
|
|
|
|
11년 전
|
조회 2,041
|
|
|
|
11년 전
|
조회 2,061
|
|
|
삼관왕
|
11년 전
|
조회 2,616
|
|
|
|
11년 전
|
조회 1,938
|
|
|
|
11년 전
|
조회 3,153
|
|
|
|
11년 전
|
조회 2,695
|
|
|
|
11년 전
|
조회 4,760
|
|
|
|
11년 전
|
조회 3,198
|
|
|
|
11년 전
|
조회 5,476
|
|
|
|
11년 전
|
조회 2,261
|
|
|
|
11년 전
|
조회 2,138
|
|
|
|
11년 전
|
조회 2,814
|
|
|
|
11년 전
|
조회 2,750
|
|
|
|
11년 전
|
조회 2,320
|
|
|
|
11년 전
|
조회 1,929
|
|
|
|
11년 전
|
조회 2,580
|
|
|
|
11년 전
|
조회 2,049
|
|
|
|
11년 전
|
조회 2,091
|
|
|
|
11년 전
|
조회 2,286
|
|
|
|
11년 전
|
조회 2,168
|
|
|
|
11년 전
|
조회 1,860
|
|
|
|
11년 전
|
조회 3,015
|
|
|
|
11년 전
|
조회 2,955
|
|
|
|
11년 전
|
조회 4,067
|
|
|
|
11년 전
|
조회 2,097
|
|
|
|
11년 전
|
조회 1,837
|
|
|
|
11년 전
|
조회 1,887
|
|
|
|
11년 전
|
조회 3,773
|
|
|
|
11년 전
|
조회 2,013
|
|
|
|
11년 전
|
조회 2,276
|
|
|
|
11년 전
|
조회 1,804
|
|
|
|
11년 전
|
조회 2,493
|
|
|
|
11년 전
|
조회 2,488
|
|
|
|
11년 전
|
조회 1,884
|
|
|
|
11년 전
|
조회 2,056
|
|
|
|
11년 전
|
조회 1,822
|
|
|
|
11년 전
|
조회 1,759
|
|
|
|
11년 전
|
조회 2,538
|
|
|
|
11년 전
|
조회 1,923
|
|
|
|
11년 전
|
조회 1,835
|
|
|
|
11년 전
|
조회 1,989
|
|
|
|
11년 전
|
조회 2,032
|
|
|
|
11년 전
|
조회 1,722
|
|
|
|
11년 전
|
조회 1,859
|
|
|
|
11년 전
|
조회 2,276
|
|
|
|
11년 전
|
조회 1,887
|
|
|
|
11년 전
|
조회 2,229
|
|
|
|
11년 전
|
조회 1,898
|
|
|
|
11년 전
|
조회 1,926
|
|
|
|
11년 전
|
조회 2,072
|
|
|
|
11년 전
|
조회 1,830
|
|
|
|
11년 전
|
조회 1,858
|
|
|
|
11년 전
|
조회 1,997
|
|
|
|
11년 전
|
조회 2,911
|
|
|
|
11년 전
|
조회 1,881
|
|
|
|
11년 전
|
조회 1,883
|
|
|
|
11년 전
|
조회 1,748
|
|
|
|
11년 전
|
조회 2,191
|
|
|
|
11년 전
|
조회 1,872
|
|
|
|
11년 전
|
조회 1,734
|
|
|
|
11년 전
|
조회 2,128
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^