안녕하세요.. 슬라이드 메뉴를 아래 사이트처럼 처음들어갔을때
메뉴가 왼쪽에서 하나씩 슬라이드 되어서 들어오려는 기능을 구현하려고 하는데.
스크립트를 넣었는데 작동이 되지 않네요.. 어디가 틀린걸까요.
한번만 봐주시면 감사하겠습니다.
제사이트는 여깁니다.
Copy
<!-- 메뉴바 들어가는 곳 --> <div id="navContainer"><div style="float:left; width:200px; background-color: white;"> <a href="index.html"><img src="img/1-2.jpg" width="150" height="34" /></a></div><ul><li class="borderTop" style="left: 0px;"><a href="index.html" rel="" id="current">Home</a></li><li class="borderTop" style="left: 0px;"><a href="index.html" rel="">Beauty </a></li><li class="borderTop" style="left: 0px;"><a href="index.html" rel="">Portrait</a></li><li class="borderTop" style="left: 0px;"><a href="index.html" rel="">Personal</a></li><li class="borderTop" style="left: 0px;"><a href="index.html" rel="">Film</a></li><li class="borderTop" style="left: 0px;"><a href="index.html" rel="">About</a></li><li class="borderTop" style="left: 0px;"><a href="index.html" rel="">Contact</a></li></ul></div><!-- 메뉴바 끝 --> <!-- 스크립트부분 --> <script> function navMenu() { jQ("#navContainer>ul>li>ul").hide(); jQ("#navContainer li:has(ul)").hover(function () { jQ(this).children("a").click(function () { return !1 }) }); jQ("#navContainer li").hover(function () { jQ(this).find("ul:first").css("display", "none").fadeIn(100).animate({top: "-=2"}, 100)}, function () { jQ(this).find("ul:first").fadeOut(0).animate({top: "+=2"}, 100) }); jQ('#navContainer>ul>li').each(function(index) { jQ(this).delay( index * 300 ).animate({left: "+=200"}, function() {}); });} </script> <!-- 스크립트 끝 -->답변 1개 / 댓글 1개
채택된 답변
+20 포인트
wonilone
2016-08-12 (금) 10:43:19
jQ가 뭔가요? 처음보는 거라..ㅎㅎ
뭔가를 할당한건가요?
jQ = $("#선택자");
그게 아니라면 $로 ...
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.