테스트 사이트 - 개발 중인 베타 버전입니다

최신글 박스 질문 있어요~~ 채택완료

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>

 

어떻해 해야 하나요 ~~??  좀 알려주세요~~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인