鍍金池/ 問(wèn)答/HTML/ 如何用js順序顯示出div

如何用js順序顯示出div

html中如何用js代碼按順序顯示出本來(lái)隱藏著的div
最好有特效

回答
編輯回答
骨殘心

最簡(jiǎn)單實(shí)用的方案/思路(對(duì)原生來(lái)說(shuō)):給你要順序顯示的div加上關(guān)鍵字/序號(hào)(比如data-view="0")之后塞到一個(gè)數(shù)組里面,然后for循環(huán)這個(gè)數(shù)組綁定事件,綁定的事件用setTimeout來(lái)做你的延遲顯示(第二個(gè)參數(shù)是你延遲的時(shí)間,可以用i來(lái)計(jì)算),這樣就能按照順序來(lái)顯示了,特效的話用css3的transition或者animate去實(shí)現(xiàn)會(huì)方便。

2018年2月22日 07:41
編輯回答
懶洋洋

首先,我理解一下你說(shuō)的話,你 html 代碼其實(shí)都有,但是沒(méi)有顯示,現(xiàn)在你需要通過(guò) js 來(lái)將它們逐個(gè)顯示出來(lái)對(duì)嗎?如果是這樣的話,邏輯就比較簡(jiǎn)單,首先你先獲取到元素集,然后循環(huán)遍歷它們,逐個(gè)給它們?nèi)∠[藏就可以了。參考代碼 obj.css('display',''); 取消掉隱藏屬性就行。如果要特效根據(jù)你的需求,將 obj.css('display',''); 修改成你想要的特效就行了。

2017年1月30日 15:37