|
|
|
15-12-13
|
조회 2,528
|
|
|
|
15-12-13
|
조회 2,943
|
|
|
|
15-12-11
|
조회 2,604
|
|
|
|
15-12-11
|
조회 2,565
|
|
|
|
15-12-11
|
조회 2,569
|
|
|
|
15-12-10
|
조회 2,525
|
|
|
|
15-12-10
|
조회 2,586
|
|
|
|
15-12-10
|
조회 2,559
|
|
|
|
15-12-03
|
조회 3,203
|
|
|
|
15-12-03
|
조회 2,718
|
|
|
|
15-11-25
|
조회 2,799
|
|
|
|
15-11-09
|
조회 3,206
|
|
|
|
15-11-04
|
조회 2,969
|
|
|
|
15-06-09
|
조회 4,094
|
|
|
|
15-05-06
|
조회 5,091
|
|
|
|
15-03-28
|
조회 4,576
|
|
|
|
14-12-05
|
조회 4,999
|
|
|
|
14-10-25
|
조회 5,093
|
|
|
|
14-10-13
|
조회 4,272
|
|
|
|
14-10-03
|
조회 6,260
|
|
|
|
14-09-19
|
조회 4,962
|
|
|
|
14-09-18
|
조회 4,050
|
|
|
|
14-09-13
|
조회 4,615
|
|
|
|
14-09-03
|
조회 5,602
|
|
|
|
14-08-26
|
조회 4,208
|
|
|
|
14-08-26
|
조회 4,011
|
|
|
|
14-08-26
|
조회 3,977
|
|
|
|
14-08-11
|
조회 6,502
|
|
|
|
14-08-06
|
조회 4,126
|
|
|
|
14-08-06
|
조회 3,724
|
|
|
|
14-08-06
|
조회 3,936
|
|
|
|
14-08-01
|
조회 6,304
|
|
|
|
14-08-01
|
조회 3,842
|
|
|
|
14-07-30
|
조회 4,440
|
|
|
|
14-06-28
|
조회 5,165
|
|
|
|
14-06-28
|
조회 4,437
|
|
|
|
14-05-11
|
조회 4,591
|
|
|
|
14-05-09
|
조회 4,949
|
|
|
|
14-05-09
|
조회 7,711
|
|
|
|
14-04-30
|
조회 4,332
|
|
|
|
14-04-27
|
조회 4,194
|
|
|
|
14-04-25
|
조회 4,897
|
|
|
|
14-04-21
|
조회 3,874
|
|
|
|
14-04-21
|
조회 5,005
|
|
|
|
14-04-10
|
조회 4,603
|
|
|
|
14-04-01
|
조회 6,157
|
|
|
|
14-03-03
|
조회 3,533
|
|
|
예뜨락
|
14-02-25
|
조회 5,921
|
|
|
예뜨락
|
14-02-14
|
조회 5,195
|
|
|
예뜨락
|
14-02-13
|
조회 4,953
|
|
|
|
14-01-03
|
조회 4,445
|
|
|
예뜨락
|
13-12-06
|
조회 3,766
|
|
|
예뜨락
|
13-11-22
|
조회 5,522
|
|
|
|
13-11-18
|
조회 4,028
|
|
|
|
13-10-02
|
조회 4,447
|
|
|
|
13-10-02
|
조회 3,696
|
|
|
|
13-10-02
|
조회 3,962
|
|
|
|
13-10-02
|
조회 3,817
|
|
|
|
13-10-02
|
조회 4,183
|
|
|
|
13-09-16
|
조회 8,031
|
|
|
|
13-09-16
|
조회 5,395
|
|
|
|
13-08-18
|
조회 5,426
|
|
|
|
13-07-11
|
조회 4,111
|
|
|
|
13-07-10
|
조회 4,693
|
|
|
|
13-07-09
|
조회 4,732
|
|
|
|
13-07-09
|
조회 4,987
|
|
|
|
13-07-04
|
조회 4,487
|
|
|
|
13-07-04
|
조회 4,125
|
|
|
|
13-07-04
|
조회 4,238
|
|
|
|
13-07-01
|
조회 4,726
|
|
|
|
13-07-01
|
조회 4,558
|
|
|
|
13-07-01
|
조회 6,832
|
|
|
|
13-06-23
|
조회 4,379
|
|
|
|
13-06-05
|
조회 3,627
|
|
|
|
13-05-29
|
조회 4,868
|
|
|
|
13-05-10
|
조회 4,275
|
|
|
|
13-04-05
|
조회 4,896
|
|
|
|
13-04-05
|
조회 6,585
|
|
|
|
13-04-05
|
조회 1.1만
|
|
|
|
13-04-05
|
조회 7,178
|
|
|
|
13-04-05
|
조회 6,565
|
|
|
|
13-03-31
|
조회 5,835
|
|
|
|
13-03-31
|
조회 4,164
|
|
|
|
13-03-28
|
조회 4,523
|
|
|
|
13-03-28
|
조회 6,721
|
|
|
|
13-03-28
|
조회 9,203
|
|
|
|
13-03-28
|
조회 4,336
|
|
|
|
13-03-24
|
조회 3,952
|
|
|
|
13-03-21
|
조회 4,628
|
|
|
|
13-03-21
|
조회 1.8만
|
|
|
|
13-03-14
|
조회 3,937
|
|
|
|
13-03-10
|
조회 4,746
|
|
|
|
13-03-10
|
조회 4,506
|
|
|
|
13-03-10
|
조회 4,206
|
|
|
|
13-03-08
|
조회 5,262
|
|
|
|
13-03-08
|
조회 4,369
|
|
|
|
13-03-03
|
조회 5,025
|
|
|
|
13-03-03
|
조회 7,477
|
|
|
|
13-03-03
|
조회 4,219
|
|
|
|
13-03-03
|
조회 1.1만
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^