|
|
|
11년 전
|
조회 3,520
|
|
|
|
11년 전
|
조회 1,978
|
|
|
|
11년 전
|
조회 2,225
|
|
|
|
11년 전
|
조회 624
|
|
|
|
11년 전
|
조회 1,483
|
|
|
|
11년 전
|
조회 997
|
|
|
|
11년 전
|
조회 3,604
|
|
|
|
11년 전
|
조회 1,435
|
|
|
|
11년 전
|
조회 1,419
|
|
|
|
11년 전
|
조회 1,555
|
|
|
|
11년 전
|
조회 3,667
|
|
|
|
11년 전
|
조회 3,631
|
|
|
|
11년 전
|
조회 3,437
|
|
|
|
11년 전
|
조회 1,090
|
|
|
|
11년 전
|
조회 3,463
|
|
|
지운아빠
|
11년 전
|
조회 2,669
|
|
|
|
11년 전
|
조회 3,221
|
|
|
|
11년 전
|
조회 724
|
|
|
|
11년 전
|
조회 2,497
|
|
|
|
11년 전
|
조회 2,467
|
|
|
|
11년 전
|
조회 2,547
|
|
|
|
11년 전
|
조회 1,521
|
|
|
|
11년 전
|
조회 2,004
|
|
|
|
11년 전
|
조회 1,332
|
|
|
|
11년 전
|
조회 1,130
|
|
|
|
11년 전
|
조회 1,713
|
|
|
|
11년 전
|
조회 1,035
|
|
|
|
11년 전
|
조회 3,921
|
|
|
|
11년 전
|
조회 3,695
|
|
|
|
11년 전
|
조회 1,329
|
|
|
|
11년 전
|
조회 2,566
|
|
|
|
11년 전
|
조회 988
|
|
|
|
11년 전
|
조회 1,792
|
|
|
|
11년 전
|
조회 3,401
|
|
|
|
11년 전
|
조회 3,697
|
|
|
|
11년 전
|
조회 4,622
|
|
|
|
11년 전
|
조회 1,015
|
|
|
|
11년 전
|
조회 1,579
|
|
|
|
11년 전
|
조회 2,985
|
|
|
|
11년 전
|
조회 1,164
|
|
|
|
11년 전
|
조회 1,154
|
|
|
삼관왕
|
11년 전
|
조회 1,763
|
|
|
|
11년 전
|
조회 1,025
|
|
|
|
11년 전
|
조회 2,298
|
|
|
|
11년 전
|
조회 1,805
|
|
|
|
11년 전
|
조회 3,890
|
|
|
|
11년 전
|
조회 2,340
|
|
|
|
11년 전
|
조회 4,591
|
|
|
|
11년 전
|
조회 1,357
|
|
|
|
11년 전
|
조회 1,228
|
|
|
|
11년 전
|
조회 1,865
|
|
|
|
11년 전
|
조회 1,834
|
|
|
|
11년 전
|
조회 1,403
|
|
|
|
11년 전
|
조회 1,055
|
|
|
|
11년 전
|
조회 1,691
|
|
|
|
11년 전
|
조회 1,076
|
|
|
|
11년 전
|
조회 1,174
|
|
|
|
11년 전
|
조회 1,388
|
|
|
|
11년 전
|
조회 1,206
|
|
|
|
11년 전
|
조회 954
|
|
|
|
11년 전
|
조회 2,141
|
|
|
|
11년 전
|
조회 1,965
|
|
|
|
11년 전
|
조회 3,128
|
|
|
|
11년 전
|
조회 1,102
|
|
|
|
11년 전
|
조회 866
|
|
|
|
11년 전
|
조회 961
|
|
|
|
11년 전
|
조회 2,833
|
|
|
|
11년 전
|
조회 1,082
|
|
|
|
11년 전
|
조회 1,283
|
|
|
|
11년 전
|
조회 806
|
|
|
|
11년 전
|
조회 1,586
|
|
|
|
11년 전
|
조회 1,574
|
|
|
|
11년 전
|
조회 984
|
|
|
|
11년 전
|
조회 1,162
|
|
|
|
11년 전
|
조회 845
|
|
|
|
11년 전
|
조회 803
|
|
|
|
11년 전
|
조회 1,629
|
|
|
|
11년 전
|
조회 960
|
|
|
|
11년 전
|
조회 864
|
|
|
|
11년 전
|
조회 976
|
|
|
|
11년 전
|
조회 1,145
|
|
|
|
11년 전
|
조회 810
|
|
|
|
11년 전
|
조회 856
|
|
|
|
11년 전
|
조회 1,340
|
|
|
|
11년 전
|
조회 899
|
|
|
|
11년 전
|
조회 1,367
|
|
|
|
11년 전
|
조회 885
|
|
|
|
11년 전
|
조회 1,024
|
|
|
|
11년 전
|
조회 1,078
|
|
|
|
11년 전
|
조회 825
|
|
|
|
11년 전
|
조회 856
|
|
|
|
11년 전
|
조회 1,080
|
|
|
|
11년 전
|
조회 2,014
|
|
|
|
11년 전
|
조회 857
|
|
|
|
11년 전
|
조회 877
|
|
|
|
11년 전
|
조회 806
|
|
|
|
11년 전
|
조회 1,231
|
|
|
|
11년 전
|
조회 882
|
|
|
|
11년 전
|
조회 789
|
|
|
|
11년 전
|
조회 1,102
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^