Question

我正在尝试使用JavaScript为网站制作类似幻灯片的内容并且进展不顺利。我想要它做的是在一次单击后更改它，以便它正确返回。

以下是代码：

function previous_slide()
{
    document.getElementById('banner').className = 'banner_2';
}

我想在其当前操作与此操作之间进行单一功能切换：

document.getElementById('banner').className = 'banner_1';

这样，当您按下上一个按钮后，它会将样式更改为banner_2，然后再次按下它时会返回banner_1。

Answer 1

previous_slide = toggle( [function(){
    document.getElementById('banner').className = 'banner_2'
}, function() {
    document.getElementById('banner').className = 'banner_1' 
}]);

toggle的代码

function toggle(functions) {
    var i = 0;
    return function() {
        return functions[i++ % functions.length].apply( this, arguments );
    }
}

Answer 2

function previous_slide()
{
  if (document.getElementById('banner').className == 'banner_2') {
      document.getElementById('banner').className = 'banner_1' 
  }
  else {
      document.getElementById('banner').className = 'banner_2'
  } 
}

使功能切换每次点击时的功能

2 个答案: