|
|
|
14-10-25
|
조회 5,027
|
|
|
|
14-10-25
|
조회 6,155
|
|
|
|
14-10-25
|
조회 3,677
|
|
|
|
14-10-25
|
조회 3,828
|
|
|
|
14-10-24
|
조회 3,732
|
|
|
|
14-10-23
|
조회 4,422
|
|
|
|
14-10-22
|
조회 3,568
|
|
|
|
14-10-22
|
조회 4,231
|
|
|
|
14-10-22
|
조회 7,051
|
|
|
|
14-10-22
|
조회 4,768
|
|
|
|
14-10-22
|
조회 4,706
|
|
|
|
14-10-22
|
조회 8,843
|
|
|
|
14-10-19
|
조회 4,644
|
|
|
|
14-10-18
|
조회 5,499
|
|
|
관리자
|
14-10-17
|
조회 5,083
|
|
|
|
14-10-17
|
조회 3,871
|
|
|
|
14-10-17
|
조회 5,880
|
|
|
|
14-10-17
|
조회 5,321
|
|
|
|
14-10-17
|
조회 8,749
|
|
|
|
14-10-17
|
조회 6,325
|
|
|
|
14-10-17
|
조회 4,644
|
|
|
|
14-10-17
|
조회 4,822
|
|
|
|
14-10-14
|
조회 3,214
|
|
|
|
14-10-14
|
조회 4,118
|
|
|
|
14-10-13
|
조회 3,685
|
|
|
|
14-10-13
|
조회 6,309
|
|
|
|
14-10-13
|
조회 4,118
|
|
|
|
14-10-13
|
조회 4,132
|
|
|
|
14-10-13
|
조회 4,345
|
|
|
|
14-10-11
|
조회 6,522
|
|
|
|
14-10-11
|
조회 6,409
|
|
|
|
14-10-11
|
조회 6,164
|
|
|
|
14-10-10
|
조회 3,792
|
|
|
|
14-10-10
|
조회 6,241
|
|
|
|
14-10-10
|
조회 5,529
|
|
|
|
14-10-10
|
조회 5,921
|
|
|
|
14-10-10
|
조회 3,384
|
|
|
|
14-10-10
|
조회 5,255
|
|
|
|
14-10-10
|
조회 5,265
|
|
|
|
14-10-10
|
조회 5,341
|
|
|
|
14-10-10
|
조회 4,298
|
|
|
|
14-10-10
|
조회 4,796
|
|
|
|
14-10-10
|
조회 4,091
|
|
|
|
14-10-10
|
조회 3,914
|
|
|
|
14-10-08
|
조회 4,484
|
|
|
|
14-10-08
|
조회 3,617
|
|
|
|
14-10-08
|
조회 6,807
|
|
|
|
14-10-07
|
조회 6,043
|
|
|
|
14-10-07
|
조회 4,152
|
|
|
|
14-10-07
|
조회 5,387
|
|
|
|
14-10-07
|
조회 3,600
|
|
|
|
14-10-07
|
조회 4,563
|
|
|
|
14-10-07
|
조회 6,223
|
|
|
|
14-10-06
|
조회 6,587
|
|
|
|
14-10-06
|
조회 7,377
|
|
|
|
14-10-05
|
조회 3,587
|
|
|
|
14-10-04
|
조회 4,506
|
|
|
|
14-10-03
|
조회 5,884
|
|
|
|
14-10-02
|
조회 3,775
|
|
|
|
14-09-29
|
조회 3,968
|
|
|
삼관왕
|
14-09-29
|
조회 4,434
|
|
|
|
14-09-28
|
조회 3,760
|
|
|
|
14-09-27
|
조회 5,085
|
|
|
|
14-09-27
|
조회 4,542
|
|
|
|
14-09-26
|
조회 6,598
|
|
|
|
14-09-26
|
조회 4,994
|
|
|
|
14-09-25
|
조회 7,332
|
|
|
|
14-09-25
|
조회 3,955
|
|
|
|
14-09-25
|
조회 3,947
|
|
|
|
14-09-24
|
조회 4,734
|
|
|
|
14-09-24
|
조회 4,704
|
|
|
|
14-09-24
|
조회 4,177
|
|
|
|
14-09-24
|
조회 3,761
|
|
|
|
14-09-24
|
조회 4,387
|
|
|
|
14-09-24
|
조회 3,829
|
|
|
|
14-09-23
|
조회 4,025
|
|
|
|
14-09-23
|
조회 4,162
|
|
|
|
14-09-23
|
조회 3,903
|
|
|
|
14-09-22
|
조회 3,677
|
|
|
|
14-09-22
|
조회 4,714
|
|
|
|
14-09-22
|
조회 4,761
|
|
|
|
14-09-22
|
조회 5,980
|
|
|
|
14-09-22
|
조회 3,971
|
|
|
|
14-09-22
|
조회 3,633
|
|
|
|
14-09-22
|
조회 3,688
|
|
|
|
14-09-21
|
조회 5,640
|
|
|
|
14-09-21
|
조회 4,074
|
|
|
|
14-09-21
|
조회 4,182
|
|
|
|
14-09-21
|
조회 3,688
|
|
|
|
14-09-21
|
조회 4,270
|
|
|
|
14-09-21
|
조회 4,192
|
|
|
|
14-09-21
|
조회 3,802
|
|
|
|
14-09-20
|
조회 3,851
|
|
|
|
14-09-20
|
조회 3,701
|
|
|
|
14-09-20
|
조회 3,615
|
|
|
|
14-09-20
|
조회 4,369
|
|
|
|
14-09-20
|
조회 3,789
|
|
|
|
14-09-19
|
조회 3,719
|
|
|
|
14-09-19
|
조회 3,865
|
|
|
|
14-09-19
|
조회 3,852
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^