一个很有意思的网站，那个网站是一家德国汽水公司的网站（德文神马的），网站首页有一个汽水瓶，汽水瓶里的水会随着我们向下拉滚动条而减少。

很有意思。小邪就跟着做了一个Demo，木有用插件，只挂了jQuery。 Demo 演示页面 一. CSS+jQuery实现随滚动条增减汽水瓶中的液体： 　　话说喝汽水的那个网站是用一个瓶子的图片，分为瓶口、瓶身、吸管还有瓶底。在这些图片中瓶子内部都是透明的，所以我们可以在底下一层按 x 轴平铺液体的图片，当然记得弄好吸管，吸管则是按照 y 轴平铺。其他具体的请看代码中注释。 　　啊，对了，那家公司的地址在这里 – http://janploch.de/ 代码如下: body {backgro