|
|
|
11년 전
|
조회 3,448
|
|
|
|
11년 전
|
조회 1,896
|
|
|
|
11년 전
|
조회 2,156
|
|
|
|
11년 전
|
조회 542
|
|
|
|
11년 전
|
조회 1,412
|
|
|
|
11년 전
|
조회 921
|
|
|
|
11년 전
|
조회 3,524
|
|
|
|
11년 전
|
조회 1,360
|
|
|
|
11년 전
|
조회 1,327
|
|
|
|
11년 전
|
조회 1,474
|
|
|
|
11년 전
|
조회 3,580
|
|
|
|
11년 전
|
조회 3,539
|
|
|
|
11년 전
|
조회 3,355
|
|
|
|
11년 전
|
조회 1,012
|
|
|
|
11년 전
|
조회 3,390
|
|
|
지운아빠
|
11년 전
|
조회 2,591
|
|
|
|
11년 전
|
조회 3,155
|
|
|
|
11년 전
|
조회 646
|
|
|
|
11년 전
|
조회 2,409
|
|
|
|
11년 전
|
조회 2,387
|
|
|
|
11년 전
|
조회 2,463
|
|
|
|
11년 전
|
조회 1,448
|
|
|
|
11년 전
|
조회 1,920
|
|
|
|
11년 전
|
조회 1,249
|
|
|
|
11년 전
|
조회 1,057
|
|
|
|
11년 전
|
조회 1,639
|
|
|
|
11년 전
|
조회 968
|
|
|
|
11년 전
|
조회 3,842
|
|
|
|
11년 전
|
조회 3,619
|
|
|
|
11년 전
|
조회 1,247
|
|
|
|
11년 전
|
조회 2,490
|
|
|
|
11년 전
|
조회 911
|
|
|
|
11년 전
|
조회 1,714
|
|
|
|
11년 전
|
조회 3,320
|
|
|
|
11년 전
|
조회 3,621
|
|
|
|
11년 전
|
조회 4,546
|
|
|
|
11년 전
|
조회 946
|
|
|
|
11년 전
|
조회 1,506
|
|
|
|
11년 전
|
조회 2,912
|
|
|
|
11년 전
|
조회 1,087
|
|
|
|
11년 전
|
조회 1,075
|
|
|
삼관왕
|
11년 전
|
조회 1,686
|
|
|
|
11년 전
|
조회 944
|
|
|
|
11년 전
|
조회 2,222
|
|
|
|
11년 전
|
조회 1,724
|
|
|
|
11년 전
|
조회 3,804
|
|
|
|
11년 전
|
조회 2,265
|
|
|
|
11년 전
|
조회 4,513
|
|
|
|
11년 전
|
조회 1,293
|
|
|
|
11년 전
|
조회 1,152
|
|
|
|
11년 전
|
조회 1,792
|
|
|
|
11년 전
|
조회 1,757
|
|
|
|
11년 전
|
조회 1,333
|
|
|
|
11년 전
|
조회 977
|
|
|
|
11년 전
|
조회 1,631
|
|
|
|
11년 전
|
조회 1,002
|
|
|
|
11년 전
|
조회 1,098
|
|
|
|
11년 전
|
조회 1,314
|
|
|
|
11년 전
|
조회 1,128
|
|
|
|
11년 전
|
조회 883
|
|
|
|
11년 전
|
조회 2,068
|
|
|
|
11년 전
|
조회 1,881
|
|
|
|
11년 전
|
조회 3,051
|
|
|
|
11년 전
|
조회 1,029
|
|
|
|
11년 전
|
조회 793
|
|
|
|
11년 전
|
조회 885
|
|
|
|
11년 전
|
조회 2,763
|
|
|
|
11년 전
|
조회 1,018
|
|
|
|
11년 전
|
조회 1,212
|
|
|
|
11년 전
|
조회 732
|
|
|
|
11년 전
|
조회 1,512
|
|
|
|
11년 전
|
조회 1,503
|
|
|
|
11년 전
|
조회 913
|
|
|
|
11년 전
|
조회 1,099
|
|
|
|
11년 전
|
조회 778
|
|
|
|
11년 전
|
조회 737
|
|
|
|
11년 전
|
조회 1,562
|
|
|
|
11년 전
|
조회 897
|
|
|
|
11년 전
|
조회 798
|
|
|
|
11년 전
|
조회 910
|
|
|
|
11년 전
|
조회 1,091
|
|
|
|
11년 전
|
조회 746
|
|
|
|
11년 전
|
조회 788
|
|
|
|
11년 전
|
조회 1,290
|
|
|
|
11년 전
|
조회 831
|
|
|
|
11년 전
|
조회 1,314
|
|
|
|
11년 전
|
조회 833
|
|
|
|
11년 전
|
조회 972
|
|
|
|
11년 전
|
조회 1,014
|
|
|
|
11년 전
|
조회 760
|
|
|
|
11년 전
|
조회 788
|
|
|
|
11년 전
|
조회 1,024
|
|
|
|
11년 전
|
조회 1,957
|
|
|
|
11년 전
|
조회 797
|
|
|
|
11년 전
|
조회 808
|
|
|
|
11년 전
|
조회 745
|
|
|
|
11년 전
|
조회 1,172
|
|
|
|
11년 전
|
조회 806
|
|
|
|
11년 전
|
조회 728
|
|
|
|
11년 전
|
조회 1,049
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^