Javascript 更改表格宽度动画

是否可以平滑地设置表格宽度的动画。每秒10%是个不错的比率。所以它会慢慢膨胀并不断膨胀

装载

1秒

2秒

3秒

是的，这是可能的！（全天最简单的答案！）

但说真的。。查看javascript平滑调整大小？或者，如果你想使用一个库，有许多ui插件可以为大多数主要库实现这一点

是大多数人显而易见的选择。。。然而，对于这样简单的事情，我建议你自己去做

是jQuery中的一个快速示例

是的，这是可能的！（全天最简单的答案！）

但说真的。。查看javascript平滑调整大小？或者，如果你想使用一个库，有许多ui插件可以为大多数主要库实现这一点

是大多数人显而易见的选择。。。然而，对于这样简单的事情，我建议你自己去做

---

这是jQuery中的一个快速示例，有几种方法可以做到这一点。如果您愿意假设支持html5的浏览器，请查看css转换和转换。转换更容易用于您需要的内容。您可以这样定义css：

#01 {
    -moz-transition : width 3s; /* Firefox */
    -webkit-transition : width 3s; /* chrome and safari */
    -o-transition: width 3s; /* Opera */
    transition: width 3s;
    width : 80%;
}
#01.growing {
    width : 110%
}

然后，当您希望开始转换时，只需将类“growing”添加到元素中

---

有几种方法可以做到这一点。如果您愿意假设支持html5的浏览器，请查看css转换和转换。转换更容易用于您需要的内容。您可以这样定义css：

#01 {
    -moz-transition : width 3s; /* Firefox */
    -webkit-transition : width 3s; /* chrome and safari */
    -o-transition: width 3s; /* Opera */
    transition: width 3s;
    width : 80%;
}
#01.growing {
    width : 110%
}

然后，当您希望开始转换时，只需将类“growing”添加到元素中

---

在

JQuery

中，您可以链接

.animate（）

s以获得所需内容：

$('#table').animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000).animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000).animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000).animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000);

如果您想一步增加尺寸（即毫不延迟）：

---

以下是

JQuery

中的一个。

，您可以链接

.animate（）

s以获得所需内容：

$('#table').animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000).animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000).animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000).animate({width: '+=' + $(this).width() * 0.1 + 'px'}, 1000);

如果您想一步增加尺寸（即毫不延迟）：

---

这是一个。

非常感谢，这将为我指明正确的方向！非常感谢你为我指明了正确的方向！