Question

我无法设置jQuery函数的动画，因此它不会立即扩展但需要一定的时间才能完成。

我的代码如下：

$(function() {
$('.box').click(function(){
    var wWidth = $(window).width();
    var wHeight = $(window).height();
    $(this).width(wWidth);
    $(this).height(wHeight);
    $(this).siblings().addClass('fade')
});
});

我尝试过使用animate()并且在我的功能结束时放慢速度，但是我无法让它工作。我也相信我不能使用CSS转换，因为我没有使用类。任何帮助将非常感激。提前谢谢。

Answer 1

你去：

$('.box').click(function(){
    var wWidth = $(window).width();
    var wHeight = $(window).height();
    $(this).animate({width:wWidth+'px',height:wHeight+'px'},1000);
    $(this).siblings().addClass('fade')
});

这需要1000毫秒或1秒来扩展.box元素。

Answer 2

您可以在点击时使用.animate({width:'desired_px'}, desired_time);和.animate({height:'desired_px'}, desired_time);来触发。如果像slow这样的预定义词不起作用，请尝试以毫秒为单位给出您的desired_time。

 $(document).ready(function(){
        $(".box").hover(function(){                   
            $(this).animate({width:'desired_px'}, desired_time);
            $(this).animate({height:'desired_px'}, desired_time);
        });
 });

动画jQuery函数

2 个答案: