|
|
|
11년 전
|
조회 4,622
|
|
|
|
11년 전
|
조회 3,077
|
|
|
|
11년 전
|
조회 3,283
|
|
|
|
11년 전
|
조회 1,694
|
|
|
|
11년 전
|
조회 2,555
|
|
|
|
11년 전
|
조회 2,093
|
|
|
|
11년 전
|
조회 4,679
|
|
|
|
11년 전
|
조회 2,554
|
|
|
|
11년 전
|
조회 2,515
|
|
|
|
11년 전
|
조회 2,676
|
|
|
|
11년 전
|
조회 4,757
|
|
|
|
11년 전
|
조회 4,727
|
|
|
|
11년 전
|
조회 4,509
|
|
|
|
11년 전
|
조회 2,158
|
|
|
|
11년 전
|
조회 4,543
|
|
|
지운아빠
|
11년 전
|
조회 3,805
|
|
|
|
11년 전
|
조회 4,295
|
|
|
|
11년 전
|
조회 1,820
|
|
|
|
11년 전
|
조회 3,618
|
|
|
|
11년 전
|
조회 3,610
|
|
|
|
11년 전
|
조회 3,695
|
|
|
|
11년 전
|
조회 2,671
|
|
|
|
11년 전
|
조회 3,119
|
|
|
|
11년 전
|
조회 2,473
|
|
|
|
11년 전
|
조회 2,249
|
|
|
|
11년 전
|
조회 2,879
|
|
|
|
11년 전
|
조회 2,186
|
|
|
|
11년 전
|
조회 5,047
|
|
|
|
11년 전
|
조회 4,801
|
|
|
|
11년 전
|
조회 2,454
|
|
|
|
11년 전
|
조회 3,698
|
|
|
|
11년 전
|
조회 2,111
|
|
|
|
11년 전
|
조회 2,870
|
|
|
|
11년 전
|
조회 4,500
|
|
|
|
11년 전
|
조회 4,816
|
|
|
|
11년 전
|
조회 5,722
|
|
|
|
11년 전
|
조회 2,095
|
|
|
|
11년 전
|
조회 2,687
|
|
|
|
11년 전
|
조회 4,127
|
|
|
|
11년 전
|
조회 2,275
|
|
|
|
11년 전
|
조회 2,275
|
|
|
삼관왕
|
11년 전
|
조회 2,859
|
|
|
|
11년 전
|
조회 2,151
|
|
|
|
11년 전
|
조회 3,396
|
|
|
|
11년 전
|
조회 2,927
|
|
|
|
11년 전
|
조회 4,985
|
|
|
|
11년 전
|
조회 3,427
|
|
|
|
11년 전
|
조회 5,712
|
|
|
|
11년 전
|
조회 2,504
|
|
|
|
11년 전
|
조회 2,361
|
|
|
|
11년 전
|
조회 3,034
|
|
|
|
11년 전
|
조회 3,007
|
|
|
|
11년 전
|
조회 2,549
|
|
|
|
11년 전
|
조회 2,176
|
|
|
|
11년 전
|
조회 2,815
|
|
|
|
11년 전
|
조회 2,244
|
|
|
|
11년 전
|
조회 2,311
|
|
|
|
11년 전
|
조회 2,543
|
|
|
|
11년 전
|
조회 2,374
|
|
|
|
11년 전
|
조회 2,078
|
|
|
|
11년 전
|
조회 3,283
|
|
|
|
11년 전
|
조회 3,107
|
|
|
|
11년 전
|
조회 4,271
|
|
|
|
11년 전
|
조회 2,281
|
|
|
|
11년 전
|
조회 2,035
|
|
|
|
11년 전
|
조회 2,125
|
|
|
|
11년 전
|
조회 4,006
|
|
|
|
11년 전
|
조회 2,221
|
|
|
|
11년 전
|
조회 2,447
|
|
|
|
11년 전
|
조회 1,973
|
|
|
|
11년 전
|
조회 2,694
|
|
|
|
11년 전
|
조회 2,700
|
|
|
|
11년 전
|
조회 2,126
|
|
|
|
11년 전
|
조회 2,294
|
|
|
|
11년 전
|
조회 1,986
|
|
|
|
11년 전
|
조회 1,929
|
|
|
|
11년 전
|
조회 2,746
|
|
|
|
11년 전
|
조회 2,080
|
|
|
|
11년 전
|
조회 2,004
|
|
|
|
11년 전
|
조회 2,153
|
|
|
|
11년 전
|
조회 2,257
|
|
|
|
11년 전
|
조회 1,941
|
|
|
|
11년 전
|
조회 2,013
|
|
|
|
11년 전
|
조회 2,450
|
|
|
|
11년 전
|
조회 2,063
|
|
|
|
11년 전
|
조회 2,444
|
|
|
|
11년 전
|
조회 2,089
|
|
|
|
11년 전
|
조회 2,142
|
|
|
|
11년 전
|
조회 2,238
|
|
|
|
11년 전
|
조회 1,992
|
|
|
|
11년 전
|
조회 2,023
|
|
|
|
11년 전
|
조회 2,227
|
|
|
|
11년 전
|
조회 3,130
|
|
|
|
11년 전
|
조회 2,054
|
|
|
|
11년 전
|
조회 2,062
|
|
|
|
11년 전
|
조회 1,966
|
|
|
|
11년 전
|
조회 2,414
|
|
|
|
11년 전
|
조회 2,056
|
|
|
|
11년 전
|
조회 1,958
|
|
|
|
11년 전
|
조회 2,291
|
댓글 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
이런식으로 정의를 늘려주시면 되겠네요 ^^