整理下2個div的動態切換

首先展示實現效果:

點擊 “其他格式” 的時候動態切換兩個div的顯示狀態:

實現需求:

兩個div,一個div默認狀態下是顯示狀態,另一個div是隱藏狀態,當點擊“其他格式”的時候,動態切換兩個div的顯示狀態。

實現代碼:

HTML:

CSS:

原生javascript:

具體看js的實現思路就可以了。

代碼只是自己思想邏輯的一種具象體現,開始做的時候,還是沒有整理好自己的邏輯,導致浪費了時間解決這種小問題,不過解決了都會轉化爲經驗變成自己的。

主要還是看自己的思想邏輯。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章