|
|
|
11년 전
|
조회 3,464
|
|
|
|
11년 전
|
조회 1,916
|
|
|
|
11년 전
|
조회 2,169
|
|
|
|
11년 전
|
조회 561
|
|
|
|
11년 전
|
조회 1,425
|
|
|
|
11년 전
|
조회 941
|
|
|
|
11년 전
|
조회 3,543
|
|
|
|
11년 전
|
조회 1,378
|
|
|
|
11년 전
|
조회 1,346
|
|
|
|
11년 전
|
조회 1,489
|
|
|
|
11년 전
|
조회 3,598
|
|
|
|
11년 전
|
조회 3,562
|
|
|
|
11년 전
|
조회 3,369
|
|
|
|
11년 전
|
조회 1,026
|
|
|
|
11년 전
|
조회 3,408
|
|
|
지운아빠
|
11년 전
|
조회 2,612
|
|
|
|
11년 전
|
조회 3,167
|
|
|
|
11년 전
|
조회 659
|
|
|
|
11년 전
|
조회 2,427
|
|
|
|
11년 전
|
조회 2,407
|
|
|
|
11년 전
|
조회 2,480
|
|
|
|
11년 전
|
조회 1,457
|
|
|
|
11년 전
|
조회 1,940
|
|
|
|
11년 전
|
조회 1,267
|
|
|
|
11년 전
|
조회 1,073
|
|
|
|
11년 전
|
조회 1,656
|
|
|
|
11년 전
|
조회 982
|
|
|
|
11년 전
|
조회 3,858
|
|
|
|
11년 전
|
조회 3,638
|
|
|
|
11년 전
|
조회 1,262
|
|
|
|
11년 전
|
조회 2,511
|
|
|
|
11년 전
|
조회 923
|
|
|
|
11년 전
|
조회 1,732
|
|
|
|
11년 전
|
조회 3,339
|
|
|
|
11년 전
|
조회 3,638
|
|
|
|
11년 전
|
조회 4,559
|
|
|
|
11년 전
|
조회 953
|
|
|
|
11년 전
|
조회 1,518
|
|
|
|
11년 전
|
조회 2,922
|
|
|
|
11년 전
|
조회 1,102
|
|
|
|
11년 전
|
조회 1,086
|
|
|
삼관왕
|
11년 전
|
조회 1,700
|
|
|
|
11년 전
|
조회 958
|
|
|
|
11년 전
|
조회 2,238
|
|
|
|
11년 전
|
조회 1,742
|
|
|
|
11년 전
|
조회 3,817
|
|
|
|
11년 전
|
조회 2,276
|
|
|
|
11년 전
|
조회 4,525
|
|
|
|
11년 전
|
조회 1,302
|
|
|
|
11년 전
|
조회 1,167
|
|
|
|
11년 전
|
조회 1,805
|
|
|
|
11년 전
|
조회 1,771
|
|
|
|
11년 전
|
조회 1,342
|
|
|
|
11년 전
|
조회 989
|
|
|
|
11년 전
|
조회 1,638
|
|
|
|
11년 전
|
조회 1,015
|
|
|
|
11년 전
|
조회 1,109
|
|
|
|
11년 전
|
조회 1,324
|
|
|
|
11년 전
|
조회 1,140
|
|
|
|
11년 전
|
조회 893
|
|
|
|
11년 전
|
조회 2,076
|
|
|
|
11년 전
|
조회 1,890
|
|
|
|
11년 전
|
조회 3,065
|
|
|
|
11년 전
|
조회 1,040
|
|
|
|
11년 전
|
조회 802
|
|
|
|
11년 전
|
조회 896
|
|
|
|
11년 전
|
조회 2,774
|
|
|
|
11년 전
|
조회 1,025
|
|
|
|
11년 전
|
조회 1,224
|
|
|
|
11년 전
|
조회 741
|
|
|
|
11년 전
|
조회 1,519
|
|
|
|
11년 전
|
조회 1,512
|
|
|
|
11년 전
|
조회 921
|
|
|
|
11년 전
|
조회 1,109
|
|
|
|
11년 전
|
조회 788
|
|
|
|
11년 전
|
조회 750
|
|
|
|
11년 전
|
조회 1,568
|
|
|
|
11년 전
|
조회 906
|
|
|
|
11년 전
|
조회 807
|
|
|
|
11년 전
|
조회 921
|
|
|
|
11년 전
|
조회 1,096
|
|
|
|
11년 전
|
조회 756
|
|
|
|
11년 전
|
조회 800
|
|
|
|
11년 전
|
조회 1,294
|
|
|
|
11년 전
|
조회 842
|
|
|
|
11년 전
|
조회 1,318
|
|
|
|
11년 전
|
조회 837
|
|
|
|
11년 전
|
조회 982
|
|
|
|
11년 전
|
조회 1,026
|
|
|
|
11년 전
|
조회 771
|
|
|
|
11년 전
|
조회 794
|
|
|
|
11년 전
|
조회 1,033
|
|
|
|
11년 전
|
조회 1,967
|
|
|
|
11년 전
|
조회 807
|
|
|
|
11년 전
|
조회 818
|
|
|
|
11년 전
|
조회 753
|
|
|
|
11년 전
|
조회 1,178
|
|
|
|
11년 전
|
조회 814
|
|
|
|
11년 전
|
조회 734
|
|
|
|
11년 전
|
조회 1,053
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^