|
|
|
11년 전
|
조회 4,261
|
|
|
|
11년 전
|
조회 2,653
|
|
|
|
11년 전
|
조회 2,870
|
|
|
|
11년 전
|
조회 1,256
|
|
|
|
11년 전
|
조회 2,125
|
|
|
|
11년 전
|
조회 1,641
|
|
|
|
11년 전
|
조회 4,271
|
|
|
|
11년 전
|
조회 2,180
|
|
|
|
11년 전
|
조회 2,088
|
|
|
|
11년 전
|
조회 2,344
|
|
|
|
11년 전
|
조회 4,308
|
|
|
|
11년 전
|
조회 4,256
|
|
|
|
11년 전
|
조회 4,042
|
|
|
|
11년 전
|
조회 1,730
|
|
|
|
11년 전
|
조회 4,106
|
|
|
지운아빠
|
11년 전
|
조회 3,370
|
|
|
|
11년 전
|
조회 3,845
|
|
|
|
11년 전
|
조회 1,364
|
|
|
|
11년 전
|
조회 3,166
|
|
|
|
11년 전
|
조회 3,154
|
|
|
|
11년 전
|
조회 3,207
|
|
|
|
11년 전
|
조회 2,204
|
|
|
|
11년 전
|
조회 2,673
|
|
|
|
11년 전
|
조회 1,983
|
|
|
|
11년 전
|
조회 1,786
|
|
|
|
11년 전
|
조회 2,400
|
|
|
|
11년 전
|
조회 1,716
|
|
|
|
11년 전
|
조회 4,587
|
|
|
|
11년 전
|
조회 4,469
|
|
|
|
11년 전
|
조회 2,022
|
|
|
|
11년 전
|
조회 3,243
|
|
|
|
11년 전
|
조회 1,646
|
|
|
|
11년 전
|
조회 2,452
|
|
|
|
11년 전
|
조회 4,055
|
|
|
|
11년 전
|
조회 4,376
|
|
|
|
11년 전
|
조회 5,278
|
|
|
|
11년 전
|
조회 1,643
|
|
|
|
11년 전
|
조회 2,220
|
|
|
|
11년 전
|
조회 3,612
|
|
|
|
11년 전
|
조회 1,814
|
|
|
|
11년 전
|
조회 1,828
|
|
|
삼관왕
|
11년 전
|
조회 2,390
|
|
|
|
11년 전
|
조회 1,701
|
|
|
|
11년 전
|
조회 2,925
|
|
|
|
11년 전
|
조회 2,448
|
|
|
|
11년 전
|
조회 4,513
|
|
|
|
11년 전
|
조회 2,955
|
|
|
|
11년 전
|
조회 5,211
|
|
|
|
11년 전
|
조회 2,021
|
|
|
|
11년 전
|
조회 1,914
|
|
|
|
11년 전
|
조회 2,559
|
|
|
|
11년 전
|
조회 2,529
|
|
|
|
11년 전
|
조회 2,091
|
|
|
|
11년 전
|
조회 1,686
|
|
|
|
11년 전
|
조회 2,360
|
|
|
|
11년 전
|
조회 1,862
|
|
|
|
11년 전
|
조회 1,853
|
|
|
|
11년 전
|
조회 2,046
|
|
|
|
11년 전
|
조회 1,972
|
|
|
|
11년 전
|
조회 1,597
|
|
|
|
11년 전
|
조회 2,791
|
|
|
|
11년 전
|
조회 2,765
|
|
|
|
11년 전
|
조회 3,899
|
|
|
|
11년 전
|
조회 1,917
|
|
|
|
11년 전
|
조회 1,662
|
|
|
|
11년 전
|
조회 1,654
|
|
|
|
11년 전
|
조회 3,595
|
|
|
|
11년 전
|
조회 1,773
|
|
|
|
11년 전
|
조회 2,109
|
|
|
|
11년 전
|
조회 1,641
|
|
|
|
11년 전
|
조회 2,271
|
|
|
|
11년 전
|
조회 2,249
|
|
|
|
11년 전
|
조회 1,649
|
|
|
|
11년 전
|
조회 1,837
|
|
|
|
11년 전
|
조회 1,681
|
|
|
|
11년 전
|
조회 1,635
|
|
|
|
11년 전
|
조회 2,308
|
|
|
|
11년 전
|
조회 1,753
|
|
|
|
11년 전
|
조회 1,674
|
|
|
|
11년 전
|
조회 1,821
|
|
|
|
11년 전
|
조회 1,796
|
|
|
|
11년 전
|
조회 1,494
|
|
|
|
11년 전
|
조회 1,699
|
|
|
|
11년 전
|
조회 2,073
|
|
|
|
11년 전
|
조회 1,752
|
|
|
|
11년 전
|
조회 1,981
|
|
|
|
11년 전
|
조회 1,743
|
|
|
|
11년 전
|
조회 1,676
|
|
|
|
11년 전
|
조회 1,924
|
|
|
|
11년 전
|
조회 1,667
|
|
|
|
11년 전
|
조회 1,674
|
|
|
|
11년 전
|
조회 1,746
|
|
|
|
11년 전
|
조회 2,647
|
|
|
|
11년 전
|
조회 1,707
|
|
|
|
11년 전
|
조회 1,715
|
|
|
|
11년 전
|
조회 1,495
|
|
|
|
11년 전
|
조회 1,963
|
|
|
|
11년 전
|
조회 1,702
|
|
|
|
11년 전
|
조회 1,508
|
|
|
|
11년 전
|
조회 1,953
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^