최신글 박스 질문 있어요~~ 채택완료
제이쿼리 위의 사진처럼 아래 파랑색 박스 영역에 마우스를 올리면 해당 마우스 영역안의 탭메뉴 notice/ news/ freeboard 각각의 영역이 변해야 하는데 아래사진처럼 파랑색 박스 위에 마우스를 올리면 notice, news, freeboard 전체 영역이 선택됩니다.
Copy
소스는 아래와 같습니다. 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>
어떻해 해야 하나요 ~~?? 좀 알려주세요~~
답변을 작성하려면 로그인이 필요합니다.
로그인