有什么方法可以让我使用 jquery 的百分比为 div 设置动画吗?
我试过这些:
$('.box1').animate({width:($(".wrapper").width()*.100)},"fast");})
$('.box1').animate({width:'100%'},"fast");})
$('.box1').animate({width:100%;})
以上都行不通...
有什么想法吗?
更新
var p_e_h= 1.0;
var p_e_w= 1.0;
$('.box1').animate({width:($(".wrapper").width()* p_e_w)},"fast");
$('.box1').animate({height:($(".wrapper").height()* p_e_h)},"fast");
宽度有效,但高度无效。除非我再次点击按钮。
最佳答案
var fiftyPrct = 0.5, //50%
hundredPrct = 1; //100%
$('.box1').animate({ width: ($('.wrapper').width() * fiftyPrct) }, 'fast');
$('.box2').animate({ width: ($('.wrapper').width() * hundredPrct) }, 'fast');
应该可以正常工作。
更新
由于您正在执行 2 个不同的 .animate
调用,因此动画会按顺序排队和执行。只需使用相同的动画调用即可:
var p_e_h= 1.0;
var p_e_w= 1.0;
$('.box1').animate({
width: ($(".wrapper").width() * p_e_w),
height:($(".wrapper").height() * p_e_h)
},"fast");
它的工作示例:jsFiddle
关于javascript - 带有百分比的 jquery 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8299608/