|
|
|
16-06-11
|
조회 2,865
|
|
|
|
16-02-15
|
조회 3,197
|
|
|
|
16-02-02
|
조회 2,854
|
|
|
|
16-01-25
|
조회 2,473
|
|
|
|
16-01-18
|
조회 2,563
|
|
|
|
16-01-08
|
조회 2,514
|
|
|
|
16-01-07
|
조회 2,533
|
|
|
|
16-01-05
|
조회 2,546
|
|
|
|
16-01-05
|
조회 2,850
|
|
|
|
16-01-05
|
조회 2,681
|
|
|
|
16-01-05
|
조회 2,710
|
|
|
|
16-01-04
|
조회 2,496
|
|
|
|
16-01-04
|
조회 2,594
|
|
|
|
16-01-04
|
조회 2,545
|
|
|
|
16-01-04
|
조회 2,460
|
|
|
|
15-12-30
|
조회 2,782
|
|
|
|
15-12-24
|
조회 2,604
|
|
|
|
15-12-24
|
조회 2,613
|
|
|
|
15-12-24
|
조회 2,643
|
|
|
|
15-12-24
|
조회 2,599
|
|
|
|
15-12-23
|
조회 2,576
|
|
|
|
15-12-16
|
조회 2,663
|
|
|
|
15-12-15
|
조회 2,747
|
|
|
|
15-12-11
|
조회 2,813
|
|
|
|
15-12-10
|
조회 2,725
|
|
|
|
15-11-09
|
조회 2,713
|
|
|
|
15-11-09
|
조회 2,935
|
|
|
|
15-10-06
|
조회 3,248
|
|
|
|
15-10-02
|
조회 3,062
|
|
|
|
15-05-29
|
조회 4,393
|
|
|
 라펜타
|
15-02-02
|
조회 4,204
|
|
|
|
15-01-18
|
조회 4,143
|
|
|
|
14-10-25
|
조회 8,258
|
|
|
|
14-10-25
|
조회 5,030
|
|
|
|
14-10-22
|
조회 7,055
|
|
|
|
14-10-22
|
조회 4,769
|
|
|
|
14-10-22
|
조회 4,710
|
|
|
|
14-10-18
|
조회 5,522
|
|
|
|
14-10-17
|
조회 5,902
|
|
|
|
14-10-17
|
조회 5,333
|
|
|
|
14-10-17
|
조회 8,763
|
|
|
|
14-10-17
|
조회 6,331
|
|
|
|
14-10-13
|
조회 4,140
|
|
|
|
14-10-13
|
조회 4,355
|
|
|
|
14-10-07
|
조회 6,046
|
|
|
|
14-09-24
|
조회 3,830
|
|
|
|
14-09-23
|
조회 3,907
|
|
|
|
14-09-22
|
조회 4,780
|
|
|
|
14-09-22
|
조회 5,993
|
|
|
|
14-09-22
|
조회 3,973
|
|
|
|
14-09-22
|
조회 3,643
|
|
|
|
14-09-21
|
조회 4,196
|
|
|
|
14-09-21
|
조회 3,693
|
|
|
|
14-09-20
|
조회 3,704
|
|
|
|
14-09-20
|
조회 3,615
|
|
|
|
14-09-20
|
조회 3,797
|
|
|
|
14-09-19
|
조회 3,738
|
|
|
|
14-09-19
|
조회 3,871
|
|
|
|
14-09-19
|
조회 3,765
|
|
|
|
14-09-19
|
조회 4,001
|
|
|
|
14-09-19
|
조회 3,784
|
|
|
|
14-09-19
|
조회 3,717
|
|
|
|
14-09-19
|
조회 3,979
|
|
|
|
14-09-19
|
조회 3,725
|
|
|
|
14-09-19
|
조회 3,739
|
|
|
|
14-09-19
|
조회 3,752
|
|
|
|
14-09-18
|
조회 3,773
|
|
|
|
14-09-18
|
조회 3,771
|
|
|
|
14-09-18
|
조회 3,968
|
|
|
|
14-09-18
|
조회 3,992
|
|
|
|
14-09-18
|
조회 4,020
|
|
|
|
14-09-18
|
조회 4,752
|
|
|
|
14-09-18
|
조회 5,299
|
|
|
|
14-09-18
|
조회 5,223
|
|
|
|
14-09-18
|
조회 4,023
|
|
|
|
14-09-18
|
조회 4,509
|
|
|
|
14-09-18
|
조회 4,161
|
|
|
|
14-08-30
|
조회 5,251
|
|
|
|
14-08-06
|
조회 5,901
|
|
|
|
14-08-06
|
조회 5,483
|
|
|
|
14-08-03
|
조회 5,066
|
|
|
|
14-06-12
|
조회 5,352
|
|
|
|
14-05-11
|
조회 3,596
|
|
|
|
14-05-11
|
조회 4,384
|
|
|
|
14-05-11
|
조회 4,485
|
|
|
|
14-05-09
|
조회 1.2만
|
|
|
|
14-05-01
|
조회 4,922
|
|
|
|
14-03-30
|
조회 4,317
|
|
|
|
14-03-23
|
조회 7,921
|
|
|
|
14-02-12
|
조회 3,817
|
|
|
|
13-10-29
|
조회 7,731
|
|
|
|
13-10-28
|
조회 8,608
|
|
|
|
13-09-29
|
조회 6,552
|
|
|
|
13-09-29
|
조회 4,182
|
|
|
|
13-07-23
|
조회 4,967
|
|
|
|
13-07-23
|
조회 1.2만
|
|
|
|
13-07-14
|
조회 4,628
|
|
|
|
13-07-14
|
조회 4,995
|
|
|
|
13-07-14
|
조회 5,941
|
|
|
|
13-07-14
|
조회 5,197
|
요런이미지가 뜨면서 기존 이미지 위에 투명하게 덮이게 하고 싶어요 ㅠㅠ(쿠팡 가격표 이미지위에 롤오버 되듯이요)
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^