请考虑以下论坛贡献者领奖台:Live demo

如您所见,支架的高度是恒定的。我想根据贡献百分比来设置高度,这样,如果第一和第二名分别为25.6%和25.8%,则相应的架子高度将几乎相同。

您如何根据贡献百分比计算身高?

最佳答案

您需要在传递给height函数的值中传递带有“%”的高度百分比。

将calc_heights函数更改为如下所示。

尝试这个:

$(function() {
    var first = 42.3;
    var second = 34.2;
    var third = 10.7;
    var heights = calc_heights(first, second, third);

    $(".first").height(heights[0] + "%").html(first);
    $(".second").height(heights[1] + "%").html(second);
    $(".third").height(heights[2] + "%").html(third);
});

function calc_heights(first, second, third) {
    var total = (first+second+third)/100;
    return [first/total, second/total, third/total];
}


工作示例@ http://jsfiddle.net/khTrx/1/

关于javascript - 如何根据贡献百分比计算前3名贡献者登上领奖台的高度?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6326513/

10-09 15:28