AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전 목록 다음
채택완료

jquery 초보자 질문!

짬짬
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-08 (화) 21:05:02 3,560
id=gnb_1dul            메뉴 wrap
class=gnb_1dli                 회사정보/사업정보/.....
class=gnb_1da                     a태그<a href~~>회사정보</a>

id=#marker              막대 (마우스 hover 되는곳 밑으로 움직임)
Copy 
<script>
    $(function(){
        var gnb_1dax = $(".gnb_1da").css("width");
        for(i = 0; i < 9; i++) {
          if($("#gnb_1dul li:nth-child(i+1)").hover(function() {
            $("#marker").css("margin-left", i*gnb_1dax+"px");
        }));
    }});

</script>

css

Copy 
#marker {
  height: 6px;
  background: #3E8760 !important;
  position: absolute;
  bottom: 0;
  width: 151px;
  z-index: 999;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  transition: all 0.35s;
  margin-left:0;
}

jquery-1.8.3.min.js사용   위 와같은 명령문을 만들었는데 작동하지 않습니다.

도와주세요 ㅠㅜ

그누보드5
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
슈슈와이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-08 (화) 22:15:46

$( '.gnb_1da' ).hover(
  function() {
    $( this ).append( '<div id="marker"></div>' ); 
  }, function() {
    $( '#marker' ).remove();
  }
);

답변에 대한 댓글 1개

짬짬
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-05-08 (화) 22:25:58
, function() {
$( '#marker' ).remove(); 이구문 맨 앞 , 는 무엇을 의미 하나요??

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