下面是是自己写的日常普通切换动作，不知道怎么去简化，看着好冗余... 譬如怎么合并prev和next两个事件？委托于control-wrap父元素上？

Live Demo

HTML

 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
 
 prev next 

JS

window.addEventListener('load', function () { var boxes = document.querySelectorAll('.box'); var prev = document.querySelector('.prev'); var next = document.querySelector('.next'); var comingShow = 0; var len = boxes.length - 1; boxes[0].style.display = 'block'; next.addEventListener('click', function (e) { if (comingShow < len) { ++comingShow; Array.prototype.slice.call(boxes).forEach(function (item) { item.style.display = 'none'; }); boxes[comingShow].style.display = 'block'; } } , false); prev.addEventListener('click', function (e) { if (comingShow > 0) { --comingShow; Array.prototype.slice.call(boxes).forEach(function (item) { item.style.display = 'none'; }); boxes[comingShow].style.display = 'block'; } } , false); }, false);