如何用js顺序显示出div

Question

html中如何用js代码按顺序显示出本来隐藏着的div
最好有特效

Answer 1

首先，我理解一下你说的话，你 html 代码其实都有，但是没有显示，现在你需要通过 js 来将它们逐个显示出来对吗？如果是这样的话，逻辑就比较简单，首先你先获取到元素集，然后循环遍历它们，逐个给它们取消隐藏就可以了。参考代码 obj.css('display',''); 取消掉隐藏属性就行。如果要特效根据你的需求，将 obj.css('display',''); 修改成你想要的特效就行了。

Answer 2

最简单实用的方案/思路（对原生来说）：给你要顺序显示的div加上关键字/序号（比如data-view="0"）之后塞到一个数组里面,然后for循环这个数组绑定事件，绑定的事件用setTimeout来做你的延迟显示（第二个参数是你延迟的时间，可以用i来计算），这样就能按照顺序来显示了，特效的话用css3的transition或者animate去实现会方便。