jquery - 使用 jQuery 淡入背景图像

Question

这是我第一次使用 jQuery。我正在加载一个大的背景图像，当它被加载时，我会在三秒钟内淡化它。此脚本适用于 Firefox 和 Chrome，但不适用于 IE(当然!)。是否有任何故障安全方法可以让它在 IE 中神奇地工作，是否有一些更漂亮的编写方法？

<div class="bgImage" />

---

$(document).ready(function () {
  // add bg image and fade
  var _image = new Image();
  _image.id = 'newImageId';
  _image.src = "./css/background.jpg";

  $(_image).load(function () {
    $('div.bgImage').css('background-image', 'url(./css/background.jpg)');
    $('div.bgImage').fadeTo(3000, 1);
  });
});

Answer 1

使用

 $('div.bgImage').animate({ opacity: 1 }, { duration: 3000 });

假设您从 style="opacity: 0;"

开始