|
|
|
14-10-25
|
조회 5,127
|
|
|
|
14-10-25
|
조회 6,315
|
|
|
|
14-10-25
|
조회 3,739
|
|
|
|
14-10-25
|
조회 3,883
|
|
|
|
14-10-24
|
조회 3,854
|
|
|
|
14-10-23
|
조회 4,463
|
|
|
|
14-10-22
|
조회 3,609
|
|
|
|
14-10-22
|
조회 4,273
|
|
|
|
14-10-22
|
조회 7,132
|
|
|
|
14-10-22
|
조회 4,840
|
|
|
|
14-10-22
|
조회 4,790
|
|
|
|
14-10-22
|
조회 8,932
|
|
|
|
14-10-19
|
조회 4,708
|
|
|
|
14-10-18
|
조회 5,664
|
|
|
관리자
|
14-10-17
|
조회 5,161
|
|
|
|
14-10-17
|
조회 3,951
|
|
|
|
14-10-17
|
조회 6,035
|
|
|
|
14-10-17
|
조회 5,404
|
|
|
|
14-10-17
|
조회 8,847
|
|
|
|
14-10-17
|
조회 6,422
|
|
|
|
14-10-17
|
조회 4,705
|
|
|
|
14-10-17
|
조회 5,024
|
|
|
|
14-10-14
|
조회 3,273
|
|
|
|
14-10-14
|
조회 4,195
|
|
|
|
14-10-13
|
조회 3,755
|
|
|
|
14-10-13
|
조회 6,401
|
|
|
|
14-10-13
|
조회 4,341
|
|
|
|
14-10-13
|
조회 4,241
|
|
|
|
14-10-13
|
조회 4,439
|
|
|
|
14-10-11
|
조회 6,602
|
|
|
|
14-10-11
|
조회 6,516
|
|
|
|
14-10-11
|
조회 6,398
|
|
|
|
14-10-10
|
조회 3,898
|
|
|
|
14-10-10
|
조회 6,354
|
|
|
|
14-10-10
|
조회 5,641
|
|
|
|
14-10-10
|
조회 6,215
|
|
|
|
14-10-10
|
조회 3,472
|
|
|
|
14-10-10
|
조회 5,379
|
|
|
|
14-10-10
|
조회 5,378
|
|
|
|
14-10-10
|
조회 5,474
|
|
|
|
14-10-10
|
조회 4,390
|
|
|
|
14-10-10
|
조회 4,878
|
|
|
|
14-10-10
|
조회 4,176
|
|
|
|
14-10-10
|
조회 4,032
|
|
|
|
14-10-08
|
조회 4,546
|
|
|
|
14-10-08
|
조회 3,666
|
|
|
|
14-10-08
|
조회 6,897
|
|
|
|
14-10-07
|
조회 6,130
|
|
|
|
14-10-07
|
조회 4,312
|
|
|
|
14-10-07
|
조회 5,467
|
|
|
|
14-10-07
|
조회 3,656
|
|
|
|
14-10-07
|
조회 4,653
|
|
|
|
14-10-07
|
조회 6,306
|
|
|
|
14-10-06
|
조회 6,664
|
|
|
|
14-10-06
|
조회 7,457
|
|
|
|
14-10-05
|
조회 3,662
|
|
|
|
14-10-04
|
조회 4,759
|
|
|
|
14-10-03
|
조회 6,102
|
|
|
|
14-10-02
|
조회 3,844
|
|
|
|
14-09-29
|
조회 4,043
|
|
|
삼관왕
|
14-09-29
|
조회 4,501
|
|
|
|
14-09-28
|
조회 3,813
|
|
|
|
14-09-27
|
조회 5,164
|
|
|
|
14-09-27
|
조회 4,616
|
|
|
|
14-09-26
|
조회 6,679
|
|
|
|
14-09-26
|
조회 5,114
|
|
|
|
14-09-25
|
조회 7,470
|
|
|
|
14-09-25
|
조회 3,997
|
|
|
|
14-09-25
|
조회 3,999
|
|
|
|
14-09-24
|
조회 4,801
|
|
|
|
14-09-24
|
조회 4,760
|
|
|
|
14-09-24
|
조회 4,242
|
|
|
|
14-09-24
|
조회 3,818
|
|
|
|
14-09-24
|
조회 4,433
|
|
|
|
14-09-24
|
조회 3,893
|
|
|
|
14-09-23
|
조회 4,088
|
|
|
|
14-09-23
|
조회 4,201
|
|
|
|
14-09-23
|
조회 3,965
|
|
|
|
14-09-22
|
조회 3,838
|
|
|
|
14-09-22
|
조회 4,753
|
|
|
|
14-09-22
|
조회 4,857
|
|
|
|
14-09-22
|
조회 6,086
|
|
|
|
14-09-22
|
조회 4,054
|
|
|
|
14-09-22
|
조회 3,738
|
|
|
|
14-09-22
|
조회 3,791
|
|
|
|
14-09-21
|
조회 5,739
|
|
|
|
14-09-21
|
조회 4,359
|
|
|
|
14-09-21
|
조회 4,330
|
|
|
|
14-09-21
|
조회 3,804
|
|
|
|
14-09-21
|
조회 4,374
|
|
|
|
14-09-21
|
조회 4,252
|
|
|
|
14-09-21
|
조회 3,910
|
|
|
|
14-09-20
|
조회 3,911
|
|
|
|
14-09-20
|
조회 3,810
|
|
|
|
14-09-20
|
조회 3,711
|
|
|
|
14-09-20
|
조회 4,458
|
|
|
|
14-09-20
|
조회 3,897
|
|
|
|
14-09-19
|
조회 3,834
|
|
|
|
14-09-19
|
조회 3,986
|
|
|
|
14-09-19
|
조회 4,166
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^