|
|
|
14-09-19
|
조회 3,489
|
|
|
|
14-09-19
|
조회 3,641
|
|
|
|
14-09-19
|
조회 3,967
|
|
|
|
14-09-19
|
조회 3,737
|
|
|
|
14-09-19
|
조회 4,011
|
|
|
|
14-09-19
|
조회 3,665
|
|
|
|
14-09-19
|
조회 3,695
|
|
|
|
14-09-19
|
조회 3,847
|
|
|
|
14-09-19
|
조회 3,605
|
|
|
|
14-09-19
|
조회 3,603
|
|
|
|
14-09-19
|
조회 3,714
|
|
|
|
14-09-19
|
조회 4,611
|
|
|
|
14-09-19
|
조회 3,651
|
|
|
|
14-09-18
|
조회 3,647
|
|
|
|
14-09-18
|
조회 3,512
|
|
|
|
14-09-18
|
조회 3,959
|
|
|
|
14-09-18
|
조회 3,689
|
|
|
|
14-09-18
|
조회 3,513
|
|
|
|
14-09-18
|
조회 3,850
|
|
|
|
14-09-18
|
조회 4,255
|
|
|
|
14-09-18
|
조회 3,850
|
|
|
|
14-09-18
|
조회 3,863
|
|
|
|
14-09-18
|
조회 3,876
|
|
|
|
14-09-18
|
조회 4,644
|
|
|
|
14-09-18
|
조회 3,811
|
|
|
|
14-09-18
|
조회 3,854
|
|
|
|
14-09-18
|
조회 5,239
|
|
|
|
14-09-18
|
조회 5,157
|
|
|
|
14-09-18
|
조회 3,955
|
|
|
|
14-09-18
|
조회 4,478
|
|
|
|
14-09-18
|
조회 3,941
|
|
|
|
14-09-18
|
조회 3,908
|
|
|
|
14-09-18
|
조회 4,104
|
|
|
|
14-09-18
|
조회 4,689
|
|
|
|
14-09-17
|
조회 3,712
|
|
|
|
14-09-16
|
조회 4,677
|
|
|
|
14-09-16
|
조회 4,897
|
|
|
|
14-09-16
|
조회 3,639
|
|
|
|
14-09-15
|
조회 3,801
|
|
|
|
14-09-15
|
조회 3,425
|
|
|
|
14-09-13
|
조회 4,442
|
|
|
|
14-09-12
|
조회 4,316
|
|
|
|
14-09-12
|
조회 3,715
|
|
|
|
14-09-12
|
조회 3,609
|
|
|
|
14-09-11
|
조회 3,323
|
|
|
|
14-09-11
|
조회 4,083
|
|
|
|
14-09-11
|
조회 4,318
|
|
|
|
14-09-10
|
조회 3,242
|
|
|
|
14-09-10
|
조회 3,427
|
|
|
|
14-09-03
|
조회 3,656
|
|
|
|
14-09-03
|
조회 3,596
|
|
|
|
14-09-03
|
조회 3,831
|
|
|
|
14-09-03
|
조회 5,385
|
|
|
|
14-09-01
|
조회 5,172
|
|
|
|
14-09-01
|
조회 4,564
|
|
|
|
14-09-01
|
조회 4,135
|
|
|
|
14-08-30
|
조회 4,140
|
|
|
|
14-08-30
|
조회 5,222
|
|
|
|
14-08-29
|
조회 4,356
|
|
|
|
14-08-28
|
조회 5,678
|
|
|
|
14-08-28
|
조회 6,426
|
|
|
|
14-08-28
|
조회 6,595
|
|
|
|
14-08-27
|
조회 6,669
|
|
|
|
14-08-27
|
조회 6,768
|
|
|
|
14-08-27
|
조회 5,351
|
|
|
|
14-08-27
|
조회 2만
|
|
|
|
14-08-27
|
조회 4,081
|
|
|
|
14-08-26
|
조회 3,986
|
|
|
|
14-08-26
|
조회 3,974
|
|
|
|
14-08-26
|
조회 3,722
|
|
|
|
14-08-26
|
조회 3,858
|
|
|
|
14-08-26
|
조회 3,678
|
|
|
|
14-08-26
|
조회 3,431
|
|
|
|
14-08-26
|
조회 3,944
|
|
|
|
14-08-26
|
조회 3,814
|
|
|
|
14-08-26
|
조회 3,672
|
|
|
|
14-08-26
|
조회 3,782
|
|
|
|
14-08-26
|
조회 3,847
|
|
|
|
14-08-26
|
조회 3,634
|
|
|
|
14-08-26
|
조회 3,840
|
|
|
|
14-08-26
|
조회 3,826
|
|
|
|
14-08-26
|
조회 3,808
|
|
|
|
14-08-26
|
조회 3,852
|
|
|
|
14-08-26
|
조회 3,605
|
|
|
|
14-08-26
|
조회 3,606
|
|
|
|
14-08-26
|
조회 3,800
|
|
|
|
14-08-26
|
조회 3,488
|
|
|
|
14-08-26
|
조회 3,565
|
|
|
|
14-08-26
|
조회 3,363
|
|
|
|
14-08-26
|
조회 3,370
|
|
|
|
14-08-26
|
조회 3,526
|
|
|
|
14-08-26
|
조회 4,082
|
|
|
|
14-08-26
|
조회 3,446
|
|
|
|
14-08-26
|
조회 3,689
|
|
|
|
14-08-26
|
조회 3,622
|
|
|
|
14-08-26
|
조회 3,389
|
|
|
|
14-08-26
|
조회 3,432
|
|
|
|
14-08-26
|
조회 3,451
|
|
|
|
14-08-26
|
조회 3,486
|
|
|
|
14-08-26
|
조회 4,125
|
요런이미지가 뜨면서 기존 이미지 위에 투명하게 덮이게 하고 싶어요 ㅠㅠ(쿠팡 가격표 이미지위에 롤오버 되듯이요)
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^