|
|
|
11년 전
|
조회 3,487
|
|
|
|
11년 전
|
조회 1,939
|
|
|
|
11년 전
|
조회 2,191
|
|
|
|
11년 전
|
조회 589
|
|
|
|
11년 전
|
조회 1,450
|
|
|
|
11년 전
|
조회 967
|
|
|
|
11년 전
|
조회 3,572
|
|
|
|
11년 전
|
조회 1,400
|
|
|
|
11년 전
|
조회 1,377
|
|
|
|
11년 전
|
조회 1,518
|
|
|
|
11년 전
|
조회 3,624
|
|
|
|
11년 전
|
조회 3,588
|
|
|
|
11년 전
|
조회 3,403
|
|
|
|
11년 전
|
조회 1,052
|
|
|
|
11년 전
|
조회 3,432
|
|
|
지운아빠
|
11년 전
|
조회 2,639
|
|
|
|
11년 전
|
조회 3,187
|
|
|
|
11년 전
|
조회 685
|
|
|
|
11년 전
|
조회 2,459
|
|
|
|
11년 전
|
조회 2,432
|
|
|
|
11년 전
|
조회 2,501
|
|
|
|
11년 전
|
조회 1,491
|
|
|
|
11년 전
|
조회 1,969
|
|
|
|
11년 전
|
조회 1,290
|
|
|
|
11년 전
|
조회 1,097
|
|
|
|
11년 전
|
조회 1,681
|
|
|
|
11년 전
|
조회 1,001
|
|
|
|
11년 전
|
조회 3,886
|
|
|
|
11년 전
|
조회 3,661
|
|
|
|
11년 전
|
조회 1,295
|
|
|
|
11년 전
|
조회 2,532
|
|
|
|
11년 전
|
조회 944
|
|
|
|
11년 전
|
조회 1,755
|
|
|
|
11년 전
|
조회 3,360
|
|
|
|
11년 전
|
조회 3,664
|
|
|
|
11년 전
|
조회 4,586
|
|
|
|
11년 전
|
조회 981
|
|
|
|
11년 전
|
조회 1,541
|
|
|
|
11년 전
|
조회 2,946
|
|
|
|
11년 전
|
조회 1,122
|
|
|
|
11년 전
|
조회 1,113
|
|
|
삼관왕
|
11년 전
|
조회 1,730
|
|
|
|
11년 전
|
조회 986
|
|
|
|
11년 전
|
조회 2,262
|
|
|
|
11년 전
|
조회 1,763
|
|
|
|
11년 전
|
조회 3,849
|
|
|
|
11년 전
|
조회 2,302
|
|
|
|
11년 전
|
조회 4,547
|
|
|
|
11년 전
|
조회 1,324
|
|
|
|
11년 전
|
조회 1,189
|
|
|
|
11년 전
|
조회 1,830
|
|
|
|
11년 전
|
조회 1,796
|
|
|
|
11년 전
|
조회 1,369
|
|
|
|
11년 전
|
조회 1,015
|
|
|
|
11년 전
|
조회 1,657
|
|
|
|
11년 전
|
조회 1,037
|
|
|
|
11년 전
|
조회 1,137
|
|
|
|
11년 전
|
조회 1,347
|
|
|
|
11년 전
|
조회 1,166
|
|
|
|
11년 전
|
조회 915
|
|
|
|
11년 전
|
조회 2,102
|
|
|
|
11년 전
|
조회 1,919
|
|
|
|
11년 전
|
조회 3,093
|
|
|
|
11년 전
|
조회 1,070
|
|
|
|
11년 전
|
조회 823
|
|
|
|
11년 전
|
조회 922
|
|
|
|
11년 전
|
조회 2,798
|
|
|
|
11년 전
|
조회 1,049
|
|
|
|
11년 전
|
조회 1,244
|
|
|
|
11년 전
|
조회 765
|
|
|
|
11년 전
|
조회 1,545
|
|
|
|
11년 전
|
조회 1,531
|
|
|
|
11년 전
|
조회 941
|
|
|
|
11년 전
|
조회 1,127
|
|
|
|
11년 전
|
조회 810
|
|
|
|
11년 전
|
조회 770
|
|
|
|
11년 전
|
조회 1,593
|
|
|
|
11년 전
|
조회 929
|
|
|
|
11년 전
|
조회 824
|
|
|
|
11년 전
|
조회 938
|
|
|
|
11년 전
|
조회 1,109
|
|
|
|
11년 전
|
조회 774
|
|
|
|
11년 전
|
조회 819
|
|
|
|
11년 전
|
조회 1,308
|
|
|
|
11년 전
|
조회 863
|
|
|
|
11년 전
|
조회 1,334
|
|
|
|
11년 전
|
조회 855
|
|
|
|
11년 전
|
조회 994
|
|
|
|
11년 전
|
조회 1,046
|
|
|
|
11년 전
|
조회 790
|
|
|
|
11년 전
|
조회 817
|
|
|
|
11년 전
|
조회 1,048
|
|
|
|
11년 전
|
조회 1,979
|
|
|
|
11년 전
|
조회 828
|
|
|
|
11년 전
|
조회 838
|
|
|
|
11년 전
|
조회 773
|
|
|
|
11년 전
|
조회 1,199
|
|
|
|
11년 전
|
조회 838
|
|
|
|
11년 전
|
조회 755
|
|
|
|
11년 전
|
조회 1,070
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^