PJCHENder 未整理筆記

[JS30] Day05: Flex Panel Image Gallery

2017-09-26

[JS30] Day05: Flex Panel Image Gallery

@([WesBos] JS30)[JavaScript]

使用 CSS Flex

關於 CSS Flex 使用的筆記 @ PJCHENder Evernote

Flex 是可以嵌套的,也就是 flex container 可以同時是其他 flex containerflex item

綁定多個要監聽事件的元素

使用 document.querySelectorAll('') 來選擇多個符合 css 選擇器的元素:

1
const panels = document.querySelectorAll('.panel')

一次對多個元素綁定監聽事件

1
2
3
panel.addEventListener('transitionend', (e) => {
console.log(e)
})

完成作品

Day05: Flex Panel Image Gallery

掃描二維條碼,分享此文章