前提:很多時(shí)候、我們的網(wǎng)頁都需要一個(gè)垂直的導(dǎo)航欄、可以分類、有分類、自然就有展開、關(guān)閉的功能、你還在使用jquery操作dom來制作嗎?那你就out了!
方案:使用checkbox 的 checked 屬性、巧妙地制作導(dǎo)航欄
結(jié)果:
我們主要制作成這樣這樣的的導(dǎo)航欄:
首先、我們寫出相對(duì)的html 由于時(shí)間問題、svg沒有處理到類中、所以這里給出svg的空標(biāo)簽、大家如果想看效果、可以到我的git里面fork一份
新聞熱點(diǎn)
疑難解答
圖片精選