用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;"