jQuery 根据百分比淡出图像部分？

Question

用图像而不是进度条制作“进度条”的最佳方法是什么？

我想要一个百分比变量来控制图像的不透明程度。换句话说，如果 % = 33%，则图像底部 33% 会正常，但顶部 66% 会稍微褪色。

感谢您的帮助!

R

Answer 1

这里有一个简单的方法:

http://jsfiddle.net/DQ4Fh/13/

基本上只需堆叠两个具有相同背景图像的 div(一个位于顶部，一个位于底部)，使一个不透明，并更改两个图像的高度以控制每个图像的曝光量。

在生产中，您应该在 setProgress 函数中使用 jquery 的 animate 方法，以便其顺利更新。我用来设置不透明度的CSS不是跨浏览器的，你应该更新它或使用jquery来设置暗淡div的不透明度。