|
|
|
16-07-13
|
조회 2,113
|
|
|
|
16-07-12
|
조회 2,255
|
|
|
|
16-07-12
|
조회 2,273
|
|
|
|
16-07-11
|
조회 2,148
|
|
|
|
16-06-05
|
조회 2,778
|
|
|
|
16-06-03
|
조회 2,844
|
|
|
|
16-05-26
|
조회 2,775
|
|
|
|
15-09-22
|
조회 4,886
|
|
|
|
15-06-10
|
조회 4,741
|
|
|
|
14-10-25
|
조회 6,258
|
|
|
|
14-10-22
|
조회 8,887
|
|
|
|
14-09-21
|
조회 5,690
|
|
|
|
14-09-16
|
조회 4,970
|
|
|
|
14-08-22
|
조회 1만
|
|
|
|
14-08-13
|
조회 5,795
|
|
|
|
14-08-12
|
조회 5,344
|
|
|
|
14-08-12
|
조회 6,206
|
|
|
|
14-08-11
|
조회 6,806
|
|
|
|
14-06-12
|
조회 6,093
|
|
|
|
14-06-11
|
조회 5,007
|
|
|
|
14-05-09
|
조회 5,324
|
|
|
|
14-05-09
|
조회 6,278
|
|
|
|
14-05-09
|
조회 6,307
|
|
|
|
14-05-08
|
조회 5,645
|
|
|
|
14-04-17
|
조회 4,649
|
|
|
|
14-04-16
|
조회 4,494
|
|
|
|
14-04-15
|
조회 4,499
|
|
|
|
14-04-15
|
조회 4,448
|
|
|
|
14-04-15
|
조회 4,217
|
|
|
|
14-04-14
|
조회 4,207
|
|
|
|
14-04-14
|
조회 4,172
|
|
|
|
14-04-14
|
조회 4,560
|
|
|
|
14-04-14
|
조회 4,708
|
|
|
|
14-04-14
|
조회 4,699
|
|
|
|
14-04-13
|
조회 4,578
|
|
|
|
14-04-12
|
조회 4,130
|
|
|
|
14-04-12
|
조회 4,293
|
|
|
|
14-04-12
|
조회 4,402
|
|
|
|
14-04-11
|
조회 4,927
|
|
|
|
14-04-10
|
조회 4,665
|
|
|
|
14-04-10
|
조회 4,694
|
|
|
|
14-04-09
|
조회 4,845
|
|
|
|
14-04-09
|
조회 5,210
|
|
|
|
14-04-08
|
조회 6,876
|
|
|
|
13-10-30
|
조회 7,609
|
|
|
|
13-07-11
|
조회 5,040
|
|
|
|
13-03-28
|
조회 1.1만
|
|
|
|
13-02-27
|
조회 6,675
|
|
|
|
13-02-14
|
조회 5,486
|
|
|
|
13-01-10
|
조회 4,442
|
|
|
|
12-12-31
|
조회 4,994
|
|
|
|
12-12-20
|
조회 6,053
|
|
|
|
12-12-12
|
조회 5,207
|
|
|
|
12-12-07
|
조회 4,407
|
|
|
|
12-11-28
|
조회 4,726
|
|
|
|
12-11-22
|
조회 5,178
|
|
|
|
12-11-12
|
조회 5,541
|
|
|
|
12-09-22
|
조회 4,453
|
|
|
|
12-09-18
|
조회 4,640
|
요런이미지가 뜨면서 기존 이미지 위에 투명하게 덮이게 하고 싶어요 ㅠㅠ(쿠팡 가격표 이미지위에 롤오버 되듯이요)
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^