基本JavaScript图像褪色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基本JavaScript图像褪色相关的知识,希望对你有一定的参考价值。

adapted from:
[http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm](http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm)
  1. function fade(step) {
  2. var imgs = document.getElementsByTagName("img");
  3. step = step || 0;
  4. imgs[1].style.opacity = step/100;
  5. imgs[1].style.filter = "alpha(opacity=" + step + ")";
  6. step += 2;
  7. if (step <= 100) {
  8. setTimeout(function() {
  9. fade(step);
  10. }, 1);
  11. }
  12. }

以上是关于基本JavaScript图像褪色的主要内容,如果未能解决你的问题,请参考以下文章

根据灰度动态范围将图像分类为褪色或不褪色?

Css+jQuery幻灯片的使用教程

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

IE 褪色导致图像出现白点

scss 懒惰褪色光滑滑块背景图像

悬停时淡入第二张图像