최신글 박스 질문 있어요~~ 채택완료
LoveDoctor
10년 전
조회 4,095
제이쿼리 위의 사진처럼 아래 파랑색 박스 영역에 마우스를 올리면 해당 마우스 영역안의 탭메뉴 notice/ news/ freeboard 각각의 영역이 변해야 하는데 아래사진처럼 파랑색 박스 위에 마우스를 올리면 notice, news, freeboard 전체 영역이 선택됩니다.
</p><p>소스는 아래와 같습니다.</p><p> </p><p>html</p><p><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></p><p> </p><p>....</p><p><!-- 탭에 따른 내용 부분 --></p><p><li class="overflow"> </p><p><!-- 파랑색 영역부분입니다. php 부분이니 생략했습니다. -->
</li></p><p> </p><p>css</p><p>.latest_box_1 { cursor:pointer;background: #ecf0f7; font-weight:bold;}</p><p> </p><p>제이쿼리부분</p><p> $(".overflow").bind("mouseenter focusin", function() {</p><p style="margin-left: 40px;">$(".latestGroupTit").find("li").addClass("latest_box_1");
});
$(".overflow").bind("mouseleave focusout", function() {
$(".latestGroupTit").find("li").removeClass("latest_box_1");
});</p><p></script></p><p>
어떻해 해야 하나요 ~~?? 좀 알려주세요~~
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인