JavaScript效果動態填充瓶中的水位

是否有可能在JavaScript中產生效果，其中透明瓶中的水位從底部的0增加到指定量，例如用戶訪問頁面時動態調整800ml 。我在閃光燈中看到了這種效果，但我希望增加的水量可以由管理面板中的我指定JavaScript效果動態填充瓶中的水位

2012-11-28 Rajan

只要有足夠的時間，金錢和精力，任何事情都是可能的。你的意思是[這樣的事情]（http://www.priteshgupta.com/2011/07/filling-a-glass-with-water-using-html5/）？ –

是的，這是可能的。你有什麼嘗試？你有你已經使用的HTML嗎？您是否打算將此用戶的以前值存儲在服務器上或本地瀏覽器中？ – jfriend00

@robert哈維多數民衆贊成在我正在尋找。謝謝我會嘗試 – Rajan

是的，當然。把它放在一個div中（你必須以某種方式適應瓶子的大小），將它染成藍色，然後使用類似jQuery animate()函數的東西來擴展高度，從而得到瓶子填滿的效果。

如果您希望「增加高度」是可控的，只需讓jQuery從您存儲管理設置的任何位置拉出需要的高度即可。

2012-11-28 18:41:54

謝謝你知道任何好的教程網站，我可以從那裏看看。由於我是新來的JavaScript – Rajan

時間破解打開一本好的Javascript書。一些HTML5和CSS也有幫助。 –

@Rajan儘管很多人不喜歡它，但我仍會推薦[w3schools]（http://www.ww3schools.com）（過去它有一些錯誤）。不過，我喜歡那裏的JavaScript教程。 –

從瓶子的反轉圖像開始（內部是透明部分），然後在它後面有一個可變高度的元素，其中包含背景。

2012-11-28 18:42:54

回答