최신글 박스 질문 있어요~~
본문
제이쿼리 위의 사진처럼 아래 파랑색 박스 영역에 마우스를 올리면 해당 마우스 영역안의 탭메뉴 notice/ news/ freeboard 각각의 영역이 변해야 하는데 아래사진처럼 파랑색 박스 위에 마우스를 올리면 notice, news, freeboard 전체 영역이 선택됩니다.
소스는 아래와 같습니다.
html
<ul class="latestGroupTit">
<li style="width: <?php echo (352 / $groupCount) - $border?>px;" class="latest_con_1">
<strong class="lt_title" data-no="<?php echo $key?>">
<?php echo $value['bo_subject']; ?>
</strong>
</li>
<?php
}
?>
</ul>
....
<!-- 탭에 따른 내용 부분 -->
<li class="overflow">
<!-- 파랑색 영역부분입니다. php 부분이니 생략했습니다. -->
</li>
css
.latest_box_1 { cursor:pointer;background: #ecf0f7; font-weight:bold;}
제이쿼리부분
$(".overflow").bind("mouseenter focusin", function() {
$(".latestGroupTit").find("li").addClass("latest_box_1");
});
$(".overflow").bind("mouseleave focusout", function() {
$(".latestGroupTit").find("li").removeClass("latest_box_1");
});
</script>
어떻해 해야 하나요 ~~?? 좀 알려주세요~~
답변을 작성하시기 전에 로그인 해주세요.