jQuery填充玻璃效果

Question

我正在寻找一个jQuery或JavaScript来填满一杯水。所以当你点击一个按钮时，你可以给杯子加水，当你点击另一个时，你可以从杯子中取出水。只是想知道是否有人已经写过这样的东西，我可以使用。

谢谢！

Answer 1

创建一个玻璃部分透明的水玻璃图片。

把水的图片放在它后面。

Animate从底部到顶部的图像。如果你想要“波浪”的水充满，使图像有一个波纹的顶部，使其稍大于玻璃，并从一边到另一边的动画。

Answer 2

您可能想要查看jQuery中的幻灯片下拉和滑动效果。你应该能够得到你想要的东西。

Link

Answer 3

创建逼真的水效果，类浏览器使用的canvas元素。

更好的是，探索john'jquery'resig的processing.js库。我想这应该很难做到你想要的。

要开始为您送行， http://processingjs.org/

processing.js

http://hyper-metrix.com/processing-js/docs/?page=A%20mouse-driven%20graphic%20equalizer

http://www.mattryall.net/blog/2008/11/wiki-visualisations-with-javascript#