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