如何设置div的动画以显示并移动到另一个div之上

时间:2013-09-27 10:33:41

标签: javascript jquery html css

我已经有了这个我一直在努力的剧本,我需要它来淡入并向上移动它的高度。如果我删除了.animate()它就会消失,所以我猜那里有些不对劲。

function showDesc (){
    $(".container-box").hover(function(){
        $(this).find(".contain-desc").fadeIn('slow').animate({
            'bottom':'130px'
        }, {duration: 'slow', queue: false;}
    },function(){
       $(this).find(".contain-desc").fadeOut();
    });        
}

我必须在html中使用onmouseover =“”的老式方式,以下是我到目前为止的完整代码,谢谢。

http://jsfiddle.net/silverlight513/KuJkY/

1 个答案:

答案 0 :(得分:2)

错误在于:

{duration: 'slow', queue: false;}

您已使用分号(;

终止该语句

将其更改为:

{duration: 'slow', queue: false}

修改

您的代码中还有一些错误。我更新了这个功能:

function showDesc (){
    $(".container-box").hover(function(){
        $(this).find(".contain-desc").fadeIn('slow').animate({
            'bottom':'130px'
        }, {duration: 'slow', queue: false});//This was not closed
     },function(){
       $(this).find(".contain-desc").fadeOut();
        });    
}