Jquery动画高度问题

时间:2014-02-14 18:05:50

标签: jquery animation height

您好我真的不知道为什么这不起作用,警报有效,但动画没有。已经尝试过mouseover()和mouseenter()请一些提示:

<body>
    <div id ="upBar"></div>
    <div id ="middleBar"></div>
    <div id="middleImg"></div>
    <div id ="wrapper">
        <header>
                <nav>
                    <a href="index.html"><img id="logo" src="imgs/logo.png"></a>
                    <ul>
                        <li id ="lang"><a href="#">PT</a> / <a href="#">EN</a></li>
                        <a href="#"><li>Notícias</li></a>
                        <a href="#"><li>Logistica</li></a>
                        <a href="#"><li>Serviços</li></a>
                        <a href="#"><li>Quem Somos</li></a>
                    </ul>
                </nav>
        </header>

CSS

#upBar {
    background-color: #FFF;
    opacity: 0.9;
    width: 100%;
    height: 45px;
    position: fixed;
    z-index: 1;
}

的jQuery

$(document).ready(function(){
    alert('ready');
    $('#upBar').hover(function(){
        $(this).stop(true).animate(function(){
            height: '60px'
        },300);
    })
})

1 个答案:

答案 0 :(得分:1)

.animate(),函数第一个参数是属性,它是动画将移动的CSS属性和值的对象。

使用

$(document).ready(function(){
    alert('ready');
    $('#upBar').hover(function(){
        $(this).stop(true).animate({ //<- notice no 'function'
            height: '60px'
        },300);
    })
})