|
|
|
15-11-20
|
조회 2,570
|
|
|
|
15-11-20
|
조회 2,521
|
|
|
|
15-11-20
|
조회 2,656
|
|
|
|
15-11-18
|
조회 2,812
|
|
|
|
15-11-18
|
조회 2,691
|
|
|
|
15-11-18
|
조회 2,677
|
|
|
|
15-11-17
|
조회 2,880
|
|
|
|
15-11-17
|
조회 2,637
|
|
|
|
15-11-17
|
조회 2,771
|
|
|
|
15-11-16
|
조회 2,652
|
|
|
|
15-11-16
|
조회 2,621
|
|
|
|
15-11-16
|
조회 2,810
|
|
|
|
15-11-15
|
조회 2,817
|
|
|
|
15-11-15
|
조회 2,683
|
|
|
|
15-11-15
|
조회 2,803
|
|
|
|
15-11-09
|
조회 2,989
|
|
|
|
15-11-09
|
조회 2,746
|
|
|
|
15-11-09
|
조회 2,790
|
|
|
|
15-11-06
|
조회 3,383
|
|
|
|
15-11-05
|
조회 2,867
|
|
|
|
15-11-05
|
조회 2,724
|
|
|
|
15-11-05
|
조회 2,850
|
|
|
|
15-11-04
|
조회 2,817
|
|
|
|
15-11-04
|
조회 2,870
|
|
|
|
15-11-04
|
조회 2,751
|
|
|
|
15-11-04
|
조회 3,320
|
|
|
|
15-11-04
|
조회 3,170
|
|
|
|
15-11-03
|
조회 3,051
|
|
|
|
15-11-02
|
조회 3,010
|
|
|
|
15-11-02
|
조회 2,747
|
|
|
|
15-11-02
|
조회 2,814
|
|
|
|
15-10-31
|
조회 2,604
|
|
|
|
15-10-27
|
조회 2,880
|
|
|
|
15-10-23
|
조회 2,830
|
|
|
|
15-10-23
|
조회 2,868
|
|
|
|
15-10-19
|
조회 4,113
|
|
|
|
15-10-15
|
조회 3,615
|
|
|
|
15-08-03
|
조회 3,179
|
|
|
|
15-07-29
|
조회 3,034
|
|
|
|
15-07-12
|
조회 3,702
|
|
|
|
15-05-07
|
조회 5,057
|
|
|
|
15-05-06
|
조회 4,708
|
|
|
|
15-05-06
|
조회 5,516
|
|
|
|
15-04-04
|
조회 4,605
|
|
|
|
15-04-04
|
조회 4,130
|
|
|
|
15-04-01
|
조회 5,984
|
|
|
|
15-02-10
|
조회 4,612
|
|
|
|
15-01-31
|
조회 4,622
|
|
|
|
15-01-23
|
조회 4,246
|
|
|
|
14-12-30
|
조회 3,900
|
|
|
|
14-12-23
|
조회 4,007
|
|
|
|
14-12-02
|
조회 4,311
|
|
|
|
14-10-17
|
조회 4,739
|
|
|
|
14-10-17
|
조회 5,063
|
|
|
|
14-10-07
|
조회 4,441
|
|
|
|
14-10-07
|
조회 5,493
|
|
|
|
14-10-04
|
조회 4,912
|
|
|
|
14-09-24
|
조회 4,824
|
|
|
|
14-09-24
|
조회 4,785
|
|
|
|
14-09-24
|
조회 4,276
|
|
|
|
14-09-23
|
조회 4,106
|
|
|
|
14-09-22
|
조회 3,862
|
|
|
|
14-09-21
|
조회 4,514
|
|
|
|
14-09-21
|
조회 4,409
|
|
|
|
14-09-21
|
조회 3,969
|
|
|
|
14-09-20
|
조회 4,490
|
|
|
|
14-09-19
|
조회 4,222
|
|
|
|
14-09-19
|
조회 3,671
|
|
|
|
14-09-19
|
조회 4,398
|
|
|
|
14-09-19
|
조회 4,048
|
|
|
|
14-09-18
|
조회 3,846
|
|
|
|
14-09-18
|
조회 4,129
|
|
|
|
14-09-18
|
조회 4,520
|
|
|
|
14-09-18
|
조회 4,033
|
|
|
|
14-09-18
|
조회 4,064
|
|
|
|
14-09-18
|
조회 4,037
|
|
|
|
14-09-18
|
조회 4,251
|
|
|
|
14-09-18
|
조회 4,867
|
|
|
|
14-09-17
|
조회 4,029
|
|
|
|
14-09-15
|
조회 3,943
|
|
|
|
14-09-11
|
조회 4,242
|
|
|
|
14-08-26
|
조회 4,134
|
|
|
|
14-08-26
|
조회 3,792
|
|
|
|
14-08-26
|
조회 3,672
|
|
|
|
14-08-26
|
조회 4,268
|
|
|
|
14-08-26
|
조회 3,993
|
|
|
|
14-08-26
|
조회 3,905
|
|
|
|
14-08-26
|
조회 4,106
|
|
|
|
14-08-26
|
조회 3,946
|
|
|
|
14-08-26
|
조회 3,775
|
|
|
|
14-08-26
|
조회 3,981
|
|
|
|
14-08-26
|
조회 4,090
|
|
|
|
14-08-26
|
조회 4,072
|
|
|
|
14-08-26
|
조회 3,967
|
|
|
|
14-08-26
|
조회 3,848
|
|
|
|
14-08-26
|
조회 3,813
|
|
|
|
14-08-26
|
조회 4,079
|
|
|
|
14-08-26
|
조회 3,696
|
|
|
|
14-08-26
|
조회 3,832
|
|
|
|
14-08-26
|
조회 3,620
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^