Javascript效果动态填充瓶子中的水位

Question

是否可以在javascript中产生效果，其中透明瓶中的水位从底部的0增加到指定的量，当用户访问页面时动态地说800ml。我已经在flash中看到了这个效果，但是我想在管理面板中指定增加的水量

Answer 1

从瓶子的反转图像开始（内部是透明部分），然后在它后面有一个包含背景的高度可变的元素。

Answer 2

是的，当然。把它放在一个div中（你必须以某种方式使它适合瓶子的大小），将它涂成蓝色，然后使用类似jQuery animate()的功能来扩展高度，从而产生瓶子的效果正在填补。

如果您希望“增加的高度”可以控制，只需让jQuery从您存储管理设置的任何位置拉出所需的高度。