I have created yet another jQuery script, after the share widget and the particles system. This time I tried to develop a water simulator using only HTML, CSS and jQuery.
Click HERE for the demo.
Simply move your mouse over the water to make it move.
Be aware that the largets quality (12*120) takes some time to load and my crash your browser if you don't have good PC specs.
Feel free to look through the source code :).
Quick explanation on how I've made the script:
I use a container div to hold everything together and inside it I've inserted using jQuery some small-width divs that have a mouseover effect. When you hover a div it get's bigger in height and when you take your mouse out it gets to the original size. I've also used easing to obtain a more realistic effect.