|
|
|
11년 전
|
조회 3,433
|
|
|
|
11년 전
|
조회 1,881
|
|
|
|
11년 전
|
조회 2,143
|
|
|
|
11년 전
|
조회 525
|
|
|
|
11년 전
|
조회 1,395
|
|
|
|
11년 전
|
조회 904
|
|
|
|
11년 전
|
조회 3,509
|
|
|
|
11년 전
|
조회 1,350
|
|
|
|
11년 전
|
조회 1,316
|
|
|
|
11년 전
|
조회 1,456
|
|
|
|
11년 전
|
조회 3,566
|
|
|
|
11년 전
|
조회 3,527
|
|
|
|
11년 전
|
조회 3,349
|
|
|
|
11년 전
|
조회 993
|
|
|
|
11년 전
|
조회 3,377
|
|
|
지운아빠
|
11년 전
|
조회 2,574
|
|
|
|
11년 전
|
조회 3,148
|
|
|
|
11년 전
|
조회 627
|
|
|
|
11년 전
|
조회 2,393
|
|
|
|
11년 전
|
조회 2,376
|
|
|
|
11년 전
|
조회 2,452
|
|
|
|
11년 전
|
조회 1,433
|
|
|
|
11년 전
|
조회 1,908
|
|
|
|
11년 전
|
조회 1,232
|
|
|
|
11년 전
|
조회 1,049
|
|
|
|
11년 전
|
조회 1,623
|
|
|
|
11년 전
|
조회 949
|
|
|
|
11년 전
|
조회 3,829
|
|
|
|
11년 전
|
조회 3,604
|
|
|
|
11년 전
|
조회 1,228
|
|
|
|
11년 전
|
조회 2,474
|
|
|
|
11년 전
|
조회 896
|
|
|
|
11년 전
|
조회 1,700
|
|
|
|
11년 전
|
조회 3,307
|
|
|
|
11년 전
|
조회 3,611
|
|
|
|
11년 전
|
조회 4,530
|
|
|
|
11년 전
|
조회 928
|
|
|
|
11년 전
|
조회 1,497
|
|
|
|
11년 전
|
조회 2,905
|
|
|
|
11년 전
|
조회 1,070
|
|
|
|
11년 전
|
조회 1,056
|
|
|
삼관왕
|
11년 전
|
조회 1,670
|
|
|
|
11년 전
|
조회 924
|
|
|
|
11년 전
|
조회 2,208
|
|
|
|
11년 전
|
조회 1,715
|
|
|
|
11년 전
|
조회 3,793
|
|
|
|
11년 전
|
조회 2,256
|
|
|
|
11년 전
|
조회 4,507
|
|
|
|
11년 전
|
조회 1,276
|
|
|
|
11년 전
|
조회 1,137
|
|
|
|
11년 전
|
조회 1,780
|
|
|
|
11년 전
|
조회 1,744
|
|
|
|
11년 전
|
조회 1,313
|
|
|
|
11년 전
|
조회 964
|
|
|
|
11년 전
|
조회 1,613
|
|
|
|
11년 전
|
조회 985
|
|
|
|
11년 전
|
조회 1,084
|
|
|
|
11년 전
|
조회 1,295
|
|
|
|
11년 전
|
조회 1,112
|
|
|
|
11년 전
|
조회 874
|
|
|
|
11년 전
|
조회 2,049
|
|
|
|
11년 전
|
조회 1,869
|
|
|
|
11년 전
|
조회 3,039
|
|
|
|
11년 전
|
조회 1,015
|
|
|
|
11년 전
|
조회 780
|
|
|
|
11년 전
|
조회 869
|
|
|
|
11년 전
|
조회 2,751
|
|
|
|
11년 전
|
조회 1,006
|
|
|
|
11년 전
|
조회 1,197
|
|
|
|
11년 전
|
조회 715
|
|
|
|
11년 전
|
조회 1,497
|
|
|
|
11년 전
|
조회 1,488
|
|
|
|
11년 전
|
조회 897
|
|
|
|
11년 전
|
조회 1,079
|
|
|
|
11년 전
|
조회 762
|
|
|
|
11년 전
|
조회 720
|
|
|
|
11년 전
|
조회 1,548
|
|
|
|
11년 전
|
조회 880
|
|
|
|
11년 전
|
조회 783
|
|
|
|
11년 전
|
조회 898
|
|
|
|
11년 전
|
조회 1,084
|
|
|
|
11년 전
|
조회 732
|
|
|
|
11년 전
|
조회 776
|
|
|
|
11년 전
|
조회 1,287
|
|
|
|
11년 전
|
조회 818
|
|
|
|
11년 전
|
조회 1,307
|
|
|
|
11년 전
|
조회 813
|
|
|
|
11년 전
|
조회 967
|
|
|
|
11년 전
|
조회 1,002
|
|
|
|
11년 전
|
조회 747
|
|
|
|
11년 전
|
조회 777
|
|
|
|
11년 전
|
조회 1,016
|
|
|
|
11년 전
|
조회 1,955
|
|
|
|
11년 전
|
조회 785
|
|
|
|
11년 전
|
조회 795
|
|
|
|
11년 전
|
조회 735
|
|
|
|
11년 전
|
조회 1,148
|
|
|
|
11년 전
|
조회 794
|
|
|
|
11년 전
|
조회 711
|
|
|
|
11년 전
|
조회 1,039
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^