Question

我想制作一个定位<div>元素，以2px为增量动画从0到70％。

我想为特定的计算机提示执行此操作，例如加载效果。

这可能是一件事，它至少与Firefox和Chrome兼容吗？

Answer 1

可以使用JavaScript进行动画制作。使用animate()函数的jQuery是一个特别容易实现的库。由于您尚未发布示例代码，因此我可以发布一个如何使用animate()函数的示例：

HTML：

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123"
  style="position: relative; left: 10px;">

JavaScript的：

// This will handle your onLoad requirement
$( document ).ready(function() {
    $( "#clickme" ).click(function() {
      $( "#book" ).animate({
        opacity: 0.25,
        left: "+=50",
        height: "toggle"
      }, 5000, function() {
        // Animation complete.
      });
    });
});

如何使用Javascript以递增方式将<div>从0增加到70％？

1 个答案: