html模糊渐显动画,如何实现div串的渐显渐隐？

楼主这段代码主要有两个错误：

1、只给第一个DIV绑定了事件

解决方案：利用事件冒泡进行事件委托，给当前点击的DIV绑定事件

2、没有更新curDiv和nextDiv

一开始定义了curDiv和nextDiv后，实际上后面都没有更改这两个的值

curDiv和nextDiv一直是第一个DIV和第二个DIV，所以点击事件中进行更新

望采纳。

window.onload = function(){

var cur = 1;

var curDiv = document.getElementById("div" + cur);

var nextDiv = document.getElementById("div" + ++cur);

//利用事件委托给当前DIV设置样式

all.onclick = function(e){

alert(e.target.id);

curDiv.style.visibility = "hidden";

nextDiv.style.visibility = "visible";

//更新curDiv和nextDiv的值

curDiv = document.getElementById("div" + cur);

nextDiv = document.getElementById("div" + ++cur);

}

}

忘了说要在父DIV里写一个ID为all了……

RunJS

1

2

3

4

5

6

7