Javascript 目前，我正在将一个类替换为另一个类，并且我不能在类之间“淡出”：）我不确定这是否可行，如果您的图像都是按照CSS规则管理的，而不是DOM中独立的元素。我建议你作为一个独立的问题问这个问题，但我相信这个问题已经在StackOverflow上得到了回答！我的想

---

目前，我正在将一个类替换为另一个类，并且我不能在类之间“淡出”：）我不确定这是否可行，如果您的图像都是按照CSS规则管理的，而不是DOM中独立的

元素。我建议你作为一个独立的问题问这个问题，但我相信这个问题已经在StackOverflow上得到了回答！我的想法完全一样——我不仅需要更新脚本，而且可能还需要将它们移动到堆叠在一起的

元素或其他东西上，然后淡出一个以显示另一个。我会到处看看能找到什么；其他人可能会发布相关信息。再次感谢，干杯。非常感谢！此外，您在中编辑的

getElementById

使交换工作正常。不过，我仍在尝试让会话存储部分正常工作。编辑--

nextClass

成功了！有一个打字错误；我已经更改了sessionStorage.setItem（'currentClass'，currentClass'行）到会话存储.setItem（'currentClass'，nextClass）。再次感谢——这绝对符合我的需要！我的下一步可能是在背景之间切换时添加淡入淡出效果，但是，我认为方法必须有所不同，因为目前我正在将一个类切换到另一个类，并且我不能在类之间“淡入淡出”：）我不确定这是否可行，如果您的图像都是按照CSS规则管理的，而不是DOM中独立的

元素。我建议你作为一个独立的问题问这个问题，但我相信这个问题已经在StackOverflow上得到了回答！我的想法完全一样——我不仅需要更新脚本，而且可能还需要将它们移动到堆叠在一起的

元素或其他东西上，然后淡出一个以显示另一个。我会到处看看能找到什么；其他人可能会发布相关信息。再次感谢，干杯。

$('.button').mousedown(function () {
  $('#backgrounds').each(function(){
    var classes = ['bg1','bg2','bg3','bg4'];
    this.className = classes[($.inArray(this.className, classes)+1)%classes.length];
  });
});

var classes = sessionStorage.getItem(classes) || ['bg1','bg2','bg3','bg4'];

sessionStorage.setItem("classes", classes);

// Define classes & background element.
var classes = ['bg1','bg2','bg3','bg4'],
    $bg = document.getElementById('backgrounds');
// On first run:
$bg.className = sessionStorage.getItem('currentClass') || classes[0];
// On button click:
$('.button').mousedown(function () {
  // (1) Get current class of background element,
  // find its index in "classes" Array.
  var currentClassIndex = classes.indexOf($bg.className);
  // (2) Get new class from list.
  var nextClass = classes[(currentClassIndex + 1)%classes.length];
  // (3) Assign new class to background element.
  $bg.className = nextClass;
  // (4) Save new class in sessionStorage.
  sessionStorage.setItem('currentClass', nextClass);
});