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#