|
|
|
11년 전
|
조회 4,910
|
|
|
|
11년 전
|
조회 3,401
|
|
|
|
11년 전
|
조회 3,583
|
|
|
|
11년 전
|
조회 2,008
|
|
|
|
11년 전
|
조회 2,876
|
|
|
|
11년 전
|
조회 2,409
|
|
|
|
11년 전
|
조회 5,003
|
|
|
|
11년 전
|
조회 2,832
|
|
|
|
11년 전
|
조회 2,798
|
|
|
|
11년 전
|
조회 2,972
|
|
|
|
11년 전
|
조회 5,080
|
|
|
|
11년 전
|
조회 5,027
|
|
|
|
11년 전
|
조회 4,804
|
|
|
|
11년 전
|
조회 2,470
|
|
|
|
11년 전
|
조회 4,833
|
|
|
지운아빠
|
11년 전
|
조회 4,098
|
|
|
|
11년 전
|
조회 4,575
|
|
|
|
11년 전
|
조회 2,130
|
|
|
|
11년 전
|
조회 3,920
|
|
|
|
11년 전
|
조회 3,892
|
|
|
|
11년 전
|
조회 3,956
|
|
|
|
11년 전
|
조회 2,968
|
|
|
|
11년 전
|
조회 3,416
|
|
|
|
11년 전
|
조회 2,763
|
|
|
|
11년 전
|
조회 2,533
|
|
|
|
11년 전
|
조회 3,174
|
|
|
|
11년 전
|
조회 2,475
|
|
|
|
11년 전
|
조회 5,340
|
|
|
|
11년 전
|
조회 4,920
|
|
|
|
11년 전
|
조회 2,759
|
|
|
|
11년 전
|
조회 3,970
|
|
|
|
11년 전
|
조회 2,399
|
|
|
|
11년 전
|
조회 3,159
|
|
|
|
11년 전
|
조회 4,797
|
|
|
|
11년 전
|
조회 5,123
|
|
|
|
11년 전
|
조회 6,037
|
|
|
|
11년 전
|
조회 2,407
|
|
|
|
11년 전
|
조회 2,976
|
|
|
|
11년 전
|
조회 4,401
|
|
|
|
11년 전
|
조회 2,575
|
|
|
|
11년 전
|
조회 2,564
|
|
|
삼관왕
|
11년 전
|
조회 3,159
|
|
|
|
11년 전
|
조회 2,466
|
|
|
|
11년 전
|
조회 3,703
|
|
|
|
11년 전
|
조회 3,208
|
|
|
|
11년 전
|
조회 5,301
|
|
|
|
11년 전
|
조회 3,706
|
|
|
|
11년 전
|
조회 5,997
|
|
|
|
11년 전
|
조회 2,825
|
|
|
|
11년 전
|
조회 2,620
|
|
|
|
11년 전
|
조회 3,311
|
|
|
|
11년 전
|
조회 3,283
|
|
|
|
11년 전
|
조회 2,824
|
|
|
|
11년 전
|
조회 2,474
|
|
|
|
11년 전
|
조회 3,125
|
|
|
|
11년 전
|
조회 2,514
|
|
|
|
11년 전
|
조회 2,610
|
|
|
|
11년 전
|
조회 2,841
|
|
|
|
11년 전
|
조회 2,652
|
|
|
|
11년 전
|
조회 2,366
|
|
|
|
11년 전
|
조회 3,597
|
|
|
|
11년 전
|
조회 3,380
|
|
|
|
11년 전
|
조회 4,557
|
|
|
|
11년 전
|
조회 2,570
|
|
|
|
11년 전
|
조회 2,320
|
|
|
|
11년 전
|
조회 2,415
|
|
|
|
11년 전
|
조회 4,308
|
|
|
|
11년 전
|
조회 2,512
|
|
|
|
11년 전
|
조회 2,759
|
|
|
|
11년 전
|
조회 2,294
|
|
|
|
11년 전
|
조회 2,987
|
|
|
|
11년 전
|
조회 3,002
|
|
|
|
11년 전
|
조회 2,410
|
|
|
|
11년 전
|
조회 2,623
|
|
|
|
11년 전
|
조회 2,297
|
|
|
|
11년 전
|
조회 2,244
|
|
|
|
11년 전
|
조회 3,018
|
|
|
|
11년 전
|
조회 2,401
|
|
|
|
11년 전
|
조회 2,300
|
|
|
|
11년 전
|
조회 2,455
|
|
|
|
11년 전
|
조회 2,512
|
|
|
|
11년 전
|
조회 2,242
|
|
|
|
11년 전
|
조회 2,307
|
|
|
|
11년 전
|
조회 2,723
|
|
|
|
11년 전
|
조회 2,405
|
|
|
|
11년 전
|
조회 2,730
|
|
|
|
11년 전
|
조회 2,411
|
|
|
|
11년 전
|
조회 2,411
|
|
|
|
11년 전
|
조회 2,543
|
|
|
|
11년 전
|
조회 2,303
|
|
|
|
11년 전
|
조회 2,348
|
|
|
|
11년 전
|
조회 2,507
|
|
|
|
11년 전
|
조회 3,407
|
|
|
|
11년 전
|
조회 2,364
|
|
|
|
11년 전
|
조회 2,368
|
|
|
|
11년 전
|
조회 2,247
|
|
|
|
11년 전
|
조회 2,713
|
|
|
|
11년 전
|
조회 2,370
|
|
|
|
11년 전
|
조회 2,251
|
|
|
|
11년 전
|
조회 2,602
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^