jQuery填充玻璃效果

Question

我正在寻找一个填满一杯水的jQuery或javascript。因此，当点击一个按钮时，您可以向玻璃杯中添加水，当点击另一个按钮时，您可以从玻璃杯中取出水。只是想知道是否有人已经写过这样我可以使用的东西。

谢谢！

Answer 1

制作水玻璃图片，玻璃部分透明。

在后面放一张水。

Animate图片从下到上。如果你想要填充“波浪状”的水，可以使图像有一个波纹状的顶部，使其略大于玻璃，并且从一侧到另一侧的动画也是如此。

Answer 2

您可能希望在jQuery中查看向下滑动和滑动效果。你应该能够从中获得你想要的东西。

Link

Answer 3

要创建逼真的水效果，请在A类浏览器中使用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#