|
|
|
11년 전
|
조회 3,539
|
|
|
|
11년 전
|
조회 1,991
|
|
|
|
11년 전
|
조회 2,236
|
|
|
|
11년 전
|
조회 638
|
|
|
|
11년 전
|
조회 1,496
|
|
|
|
11년 전
|
조회 1,013
|
|
|
|
11년 전
|
조회 3,617
|
|
|
|
11년 전
|
조회 1,447
|
|
|
|
11년 전
|
조회 1,433
|
|
|
|
11년 전
|
조회 1,578
|
|
|
|
11년 전
|
조회 3,685
|
|
|
|
11년 전
|
조회 3,646
|
|
|
|
11년 전
|
조회 3,456
|
|
|
|
11년 전
|
조회 1,107
|
|
|
|
11년 전
|
조회 3,479
|
|
|
지운아빠
|
11년 전
|
조회 2,689
|
|
|
|
11년 전
|
조회 3,239
|
|
|
|
11년 전
|
조회 739
|
|
|
|
11년 전
|
조회 2,507
|
|
|
|
11년 전
|
조회 2,482
|
|
|
|
11년 전
|
조회 2,559
|
|
|
|
11년 전
|
조회 1,540
|
|
|
|
11년 전
|
조회 2,019
|
|
|
|
11년 전
|
조회 1,341
|
|
|
|
11년 전
|
조회 1,144
|
|
|
|
11년 전
|
조회 1,729
|
|
|
|
11년 전
|
조회 1,053
|
|
|
|
11년 전
|
조회 3,939
|
|
|
|
11년 전
|
조회 3,710
|
|
|
|
11년 전
|
조회 1,345
|
|
|
|
11년 전
|
조회 2,582
|
|
|
|
11년 전
|
조회 997
|
|
|
|
11년 전
|
조회 1,808
|
|
|
|
11년 전
|
조회 3,417
|
|
|
|
11년 전
|
조회 3,718
|
|
|
|
11년 전
|
조회 4,639
|
|
|
|
11년 전
|
조회 1,032
|
|
|
|
11년 전
|
조회 1,595
|
|
|
|
11년 전
|
조회 3,002
|
|
|
|
11년 전
|
조회 1,176
|
|
|
|
11년 전
|
조회 1,172
|
|
|
삼관왕
|
11년 전
|
조회 1,780
|
|
|
|
11년 전
|
조회 1,048
|
|
|
|
11년 전
|
조회 2,313
|
|
|
|
11년 전
|
조회 1,823
|
|
|
|
11년 전
|
조회 3,902
|
|
|
|
11년 전
|
조회 2,355
|
|
|
|
11년 전
|
조회 4,606
|
|
|
|
11년 전
|
조회 1,381
|
|
|
|
11년 전
|
조회 1,246
|
|
|
|
11년 전
|
조회 1,888
|
|
|
|
11년 전
|
조회 1,854
|
|
|
|
11년 전
|
조회 1,426
|
|
|
|
11년 전
|
조회 1,077
|
|
|
|
11년 전
|
조회 1,704
|
|
|
|
11년 전
|
조회 1,093
|
|
|
|
11년 전
|
조회 1,196
|
|
|
|
11년 전
|
조회 1,405
|
|
|
|
11년 전
|
조회 1,222
|
|
|
|
11년 전
|
조회 973
|
|
|
|
11년 전
|
조회 2,154
|
|
|
|
11년 전
|
조회 1,979
|
|
|
|
11년 전
|
조회 3,150
|
|
|
|
11년 전
|
조회 1,113
|
|
|
|
11년 전
|
조회 885
|
|
|
|
11년 전
|
조회 983
|
|
|
|
11년 전
|
조회 2,852
|
|
|
|
11년 전
|
조회 1,094
|
|
|
|
11년 전
|
조회 1,297
|
|
|
|
11년 전
|
조회 824
|
|
|
|
11년 전
|
조회 1,598
|
|
|
|
11년 전
|
조회 1,597
|
|
|
|
11년 전
|
조회 1,000
|
|
|
|
11년 전
|
조회 1,176
|
|
|
|
11년 전
|
조회 863
|
|
|
|
11년 전
|
조회 819
|
|
|
|
11년 전
|
조회 1,648
|
|
|
|
11년 전
|
조회 976
|
|
|
|
11년 전
|
조회 881
|
|
|
|
11년 전
|
조회 997
|
|
|
|
11년 전
|
조회 1,168
|
|
|
|
11년 전
|
조회 833
|
|
|
|
11년 전
|
조회 871
|
|
|
|
11년 전
|
조회 1,355
|
|
|
|
11년 전
|
조회 923
|
|
|
|
11년 전
|
조회 1,395
|
|
|
|
11년 전
|
조회 908
|
|
|
|
11년 전
|
조회 1,042
|
|
|
|
11년 전
|
조회 1,093
|
|
|
|
11년 전
|
조회 847
|
|
|
|
11년 전
|
조회 873
|
|
|
|
11년 전
|
조회 1,099
|
|
|
|
11년 전
|
조회 2,034
|
|
|
|
11년 전
|
조회 876
|
|
|
|
11년 전
|
조회 897
|
|
|
|
11년 전
|
조회 827
|
|
|
|
11년 전
|
조회 1,250
|
|
|
|
11년 전
|
조회 903
|
|
|
|
11년 전
|
조회 812
|
|
|
|
11년 전
|
조회 1,118
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^