스크립트 한번만 봐주세요 ㅠ
본문
안녕하세요.. 슬라이드 메뉴를 아래 사이트처럼 처음들어갔을때
메뉴가 왼쪽에서 하나씩 슬라이드 되어서 들어오려는 기능을 구현하려고 하는데.
스크립트를 넣었는데 작동이 되지 않네요.. 어디가 틀린걸까요.
한번만 봐주시면 감사하겠습니다.
제사이트는 여깁니다.
<!-- 메뉴바 들어가는 곳 -->
<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>
<!-- 스크립트 끝 -->
답변을 작성하시기 전에 로그인 해주세요.
