Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
动态填充瓶子中水位的Javascript效果_Javascript_Jquery - Fatal编程技术网

动态填充瓶子中水位的Javascript效果

动态填充瓶子中水位的Javascript效果,javascript,jquery,Javascript,Jquery,在javascript中,当用户访问页面时,透明瓶子中的水位从底部的0上升到指定的量(比如800ml),是否可能产生影响。我在flash中看到了这种效果,但我希望增加的水量可以由我在管理面板中指定。将其放在一个div中(您必须以某种方式使其适合瓶子的大小),将其涂成蓝色,然后使用类似jQueryanimate()函数的方法来扩展高度,从而产生瓶子充满的效果 如果您想控制“增加的高度”,只需让jQuery从存储管理设置的任何位置拉入所需的高度即可。从瓶子的反向图像开始(内部是透明部分),然后在它后

在javascript中,当用户访问页面时,透明瓶子中的水位从底部的0上升到指定的量(比如800ml),是否可能产生影响。我在flash中看到了这种效果,但我希望增加的水量可以由我在管理面板中指定。将其放在一个div中(您必须以某种方式使其适合瓶子的大小),将其涂成蓝色,然后使用类似jQuery
animate()
函数的方法来扩展高度,从而产生瓶子充满的效果


如果您想控制“增加的高度”,只需让jQuery从存储管理设置的任何位置拉入所需的高度即可。

从瓶子的反向图像开始(内部是透明部分),然后在它后面有一个包含背景的可变高度元素。

只要有足够的时间、金钱和精力,任何事情都是可能的。你是说?是的,这是可能的。你试过什么?你有你已经在使用的HTML吗?您打算将此用户的上一个值存储在服务器上还是本地浏览器中?@robert harvey这正是我想要的。谢谢我会试试为什么人们会否决那些真正的问题?我的意思是,这是一个具体的问题,询问如何在javascript中实现一些行为,我在整个stackoverflow中看到了几个类似的问题,有时他们会关闭其他问题,而不是关闭其他问题。男I+1你的问题把你放在0:P。这是不公平的IMHO。谢谢你知道任何好的教程网站,从那里我可以看看。因为我是javascriptTime的新手,所以我需要打开一本好的Javascript书籍。一些HTML5和CSS也会有帮助。@Rajan我会推荐,尽管很多人不喜欢它(它在过去有一些错误)。不过,我喜欢上面的javascript教程。