|
|
|
11년 전
|
조회 3,528
|
|
|
|
11년 전
|
조회 1,986
|
|
|
|
11년 전
|
조회 2,229
|
|
|
|
11년 전
|
조회 631
|
|
|
|
11년 전
|
조회 1,490
|
|
|
|
11년 전
|
조회 1,006
|
|
|
|
11년 전
|
조회 3,610
|
|
|
|
11년 전
|
조회 1,442
|
|
|
|
11년 전
|
조회 1,425
|
|
|
|
11년 전
|
조회 1,568
|
|
|
|
11년 전
|
조회 3,674
|
|
|
|
11년 전
|
조회 3,641
|
|
|
|
11년 전
|
조회 3,444
|
|
|
|
11년 전
|
조회 1,096
|
|
|
|
11년 전
|
조회 3,469
|
|
|
지운아빠
|
11년 전
|
조회 2,678
|
|
|
|
11년 전
|
조회 3,231
|
|
|
|
11년 전
|
조회 732
|
|
|
|
11년 전
|
조회 2,501
|
|
|
|
11년 전
|
조회 2,472
|
|
|
|
11년 전
|
조회 2,553
|
|
|
|
11년 전
|
조회 1,529
|
|
|
|
11년 전
|
조회 2,008
|
|
|
|
11년 전
|
조회 1,336
|
|
|
|
11년 전
|
조회 1,139
|
|
|
|
11년 전
|
조회 1,721
|
|
|
|
11년 전
|
조회 1,044
|
|
|
|
11년 전
|
조회 3,929
|
|
|
|
11년 전
|
조회 3,700
|
|
|
|
11년 전
|
조회 1,335
|
|
|
|
11년 전
|
조회 2,571
|
|
|
|
11년 전
|
조회 993
|
|
|
|
11년 전
|
조회 1,799
|
|
|
|
11년 전
|
조회 3,409
|
|
|
|
11년 전
|
조회 3,707
|
|
|
|
11년 전
|
조회 4,630
|
|
|
|
11년 전
|
조회 1,024
|
|
|
|
11년 전
|
조회 1,585
|
|
|
|
11년 전
|
조회 2,989
|
|
|
|
11년 전
|
조회 1,172
|
|
|
|
11년 전
|
조회 1,163
|
|
|
삼관왕
|
11년 전
|
조회 1,771
|
|
|
|
11년 전
|
조회 1,033
|
|
|
|
11년 전
|
조회 2,304
|
|
|
|
11년 전
|
조회 1,813
|
|
|
|
11년 전
|
조회 3,896
|
|
|
|
11년 전
|
조회 2,347
|
|
|
|
11년 전
|
조회 4,597
|
|
|
|
11년 전
|
조회 1,369
|
|
|
|
11년 전
|
조회 1,235
|
|
|
|
11년 전
|
조회 1,874
|
|
|
|
11년 전
|
조회 1,843
|
|
|
|
11년 전
|
조회 1,417
|
|
|
|
11년 전
|
조회 1,068
|
|
|
|
11년 전
|
조회 1,697
|
|
|
|
11년 전
|
조회 1,080
|
|
|
|
11년 전
|
조회 1,183
|
|
|
|
11년 전
|
조회 1,395
|
|
|
|
11년 전
|
조회 1,214
|
|
|
|
11년 전
|
조회 964
|
|
|
|
11년 전
|
조회 2,146
|
|
|
|
11년 전
|
조회 1,968
|
|
|
|
11년 전
|
조회 3,137
|
|
|
|
11년 전
|
조회 1,104
|
|
|
|
11년 전
|
조회 875
|
|
|
|
11년 전
|
조회 969
|
|
|
|
11년 전
|
조회 2,842
|
|
|
|
11년 전
|
조회 1,087
|
|
|
|
11년 전
|
조회 1,287
|
|
|
|
11년 전
|
조회 814
|
|
|
|
11년 전
|
조회 1,589
|
|
|
|
11년 전
|
조회 1,580
|
|
|
|
11년 전
|
조회 990
|
|
|
|
11년 전
|
조회 1,168
|
|
|
|
11년 전
|
조회 854
|
|
|
|
11년 전
|
조회 810
|
|
|
|
11년 전
|
조회 1,633
|
|
|
|
11년 전
|
조회 968
|
|
|
|
11년 전
|
조회 872
|
|
|
|
11년 전
|
조회 984
|
|
|
|
11년 전
|
조회 1,157
|
|
|
|
11년 전
|
조회 820
|
|
|
|
11년 전
|
조회 860
|
|
|
|
11년 전
|
조회 1,345
|
|
|
|
11년 전
|
조회 909
|
|
|
|
11년 전
|
조회 1,381
|
|
|
|
11년 전
|
조회 896
|
|
|
|
11년 전
|
조회 1,031
|
|
|
|
11년 전
|
조회 1,083
|
|
|
|
11년 전
|
조회 833
|
|
|
|
11년 전
|
조회 867
|
|
|
|
11년 전
|
조회 1,088
|
|
|
|
11년 전
|
조회 2,022
|
|
|
|
11년 전
|
조회 862
|
|
|
|
11년 전
|
조회 888
|
|
|
|
11년 전
|
조회 817
|
|
|
|
11년 전
|
조회 1,238
|
|
|
|
11년 전
|
조회 893
|
|
|
|
11년 전
|
조회 796
|
|
|
|
11년 전
|
조회 1,108
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^