html左側(cè)菜單導(dǎo)航折疊(html左側(cè)導(dǎo)航欄橢圓風(fēng)格)
有些朋友比較喜歡開(kāi)始菜單是簡(jiǎn)潔的,今天小編跟大家分享下win10電腦怎么將開(kāi)始菜單設(shè)置為折疊模式通過(guò)設(shè)置菜單設(shè)置 1 首先我們打開(kāi)電腦,點(diǎn)擊左下發(fā)開(kāi)始圖標(biāo),在打開(kāi)的窗口中點(diǎn)擊設(shè)置選項(xiàng),今進(jìn)入到windows設(shè)置頁(yè)面中點(diǎn)擊個(gè)性化2 我們先點(diǎn)擊左側(cè)欄中的開(kāi)始,再在右側(cè)欄中將“在開(kāi)始菜單中顯示應(yīng)用列表”。
官方文檔中NavMenu導(dǎo)航菜單有一個(gè)Menu Attributes屬性collapse,是一個(gè) bollean 類型,用于控制是否水平折疊菜單我們可以通過(guò)設(shè)置collapse屬性的值為 true 或 false 來(lái)控制菜單的折疊與展開(kāi)解決方案 1實(shí)現(xiàn)一個(gè)按鈕,2在data中定義一個(gè)數(shù)據(jù)collapse 3實(shí)現(xiàn)方法toggleCollapse 4在elmenu中動(dòng)態(tài)綁定屬性。
javascriptquot onclick=quotc0quot菜單一ltalta href=quotjavascriptquot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片,自己寫(xiě)上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒(méi)給你寫(xiě),只寫(xiě)了圖片文字切換功能。
1首先打開(kāi)Deamweaver8,新建一網(wǎng)頁(yè)文件,接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來(lái)準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁(yè)此時(shí)的效果如圖,就完成了。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。