一区二区三区三上|欧美在线视频五区|国产午夜无码在线观看视频|亚洲国产裸体网站|无码成年人影视|亚洲AV亚洲AV|成人开心激情五月|欧美性爱内射视频|超碰人人干人人上|一区二区无码三区亚洲人区久久精品

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

如何使用HTML和CSS創(chuàng)建一個多級手風(fēng)琴菜單

454398 ? 來源:網(wǎng)絡(luò)整理 ? 作者:網(wǎng)絡(luò)整理 ? 2019-11-25 16:18 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

步驟1:逐步安裝

在MacBook或PC上打開終端窗口并運行以下命令:

用實際值替換items中的項目。

登錄到Raspberry Pi

$ ssh pi@?raspberry-pi-ip-address?

更改到主目錄

$ cd /var/www

下載index.html,并更改文件的權(quán)限和所有者

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/index.html”

$ sudo chmod 774 index.html

$ sudo chown pi index.html

為圖像創(chuàng)建目錄并移至該目錄

$ mkdir img

$ cd img

下載圖像并更改所有者。

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/tv.png”

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/menu-icon.png”

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/raspberry-pi.png”

$ sudo chown pi *.png

備份到主目錄,然后創(chuàng)建css目錄并移入該目錄

$ cd 。.

$ mkdir css

$ cd css

下載樣式表,并更改文件的權(quán)限和所有者

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/style.css”

$ sudo chmod 744 style.css

$ sudo chown pi style.css

如果您沒有樹莓派,則可以將這些文件下載到Mac或PC。要從Mac或PC上運行菜單,請

雙擊index.html,或

選擇index.html,右鍵單擊并使用瀏覽器打開您的選擇。

如果使用Raspberry Pi,則它必須正在運行Web服務(wù)器。打開PC或Mac上的瀏覽器,然后在URL窗口中輸入:

?raspberry-pi-ip-address?/index.html

我的服務(wù)器需要安全連接(刪除冒號周圍的空間):

https : //?raspberry-pi-ip-address?/index.html

它有效!

步驟2:附錄:參考

CSS腳本僅使用HTML和CSS的多級手風(fēng)琴菜單

W3Schools手風(fēng)琴菜單

W3Schools CSS

W3Schools HTML

步驟3:附錄:更新

步驟4:附錄:故障排除

以下一些想法可能會有所幫助:

要在php echo語句中格式化HTML,請?zhí)砑印?\ r末尾添加回車符

子菜單的組ID必須唯一。如果子菜單的組ID不是唯一的,則其子菜單項將包含在組ID的第一個實例中
責(zé)任編輯:wv

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • HTML
    +關(guān)注

    關(guān)注

    0

    文章

    280

    瀏覽量

    42633
  • CSS
    CSS
    +關(guān)注

    關(guān)注

    0

    文章

    110

    瀏覽量

    14859
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關(guān)推薦
    熱點推薦

    菜單的使用:Menu是菜單接口,般用于鼠標(biāo)右鍵彈窗、點擊彈窗等

    菜單的使用 Menu是菜單接口,般用于鼠標(biāo)右鍵彈窗、點擊彈窗等。具體用法請參考Menu控制。 創(chuàng)建默認(rèn)樣式的菜單
    發(fā)表于 04-30 07:14

    多級放大電路的學(xué)習(xí)課件免費下載

    本文檔的主要內(nèi)容詳細(xì)介紹的是多級放大電路的學(xué)習(xí)課件免費下載包括了:多級放大電路的耦合方式,多級放大電路的電壓放大倍數(shù)和輸入、輸出電阻
    發(fā)表于 04-11 16:39 ?22次下載

    關(guān)于stm32,u8g2菜單之間切換(三)用u8g2寫菜單無限左右循環(huán)

    while循環(huán)里使用。 首先我們要創(chuàng)建指針數(shù)組存放我們圖片的指針地址 uint8_t *p[]={bmp_img,bmp_clock,bmp_gear,bmp_led,bmp_pin}; 因為
    的頭像 發(fā)表于 03-11 09:10 ?646次閱讀

    STM32CubeMX的菜單介紹

    相信初學(xué)者打開STM32CubeMX定是臉懵逼,里面都是全英文的,不知道從何入手。這里先給大家簡單講解下。在新建工程這欄里,我們最常用的是第
    的頭像 發(fā)表于 12-25 21:03 ?483次閱讀
    STM32CubeMX的<b class='flag-5'>菜單</b>介紹

    創(chuàng)建5G的邏輯卷

    要求創(chuàng)建5G的邏輯卷 思路: 1. 物理的設(shè)備 2. 將物理設(shè)備做成物理卷 3. 創(chuàng)建卷組并將物理卷加入其中 4. 創(chuàng)建邏輯卷 5. 格
    的頭像 發(fā)表于 12-04 10:31 ?437次閱讀

    Tailwind CSS v4.0發(fā)布首個Beta版本

    Tailwind CSS為快速開發(fā)而精心設(shè)計的原子類 CSS 框架,它提供了充滿設(shè)計感和應(yīng)用程序至上的能力來創(chuàng)建組件,它在最新的 2
    的頭像 發(fā)表于 11-25 10:02 ?695次閱讀
    Tailwind <b class='flag-5'>CSS</b> v4.0發(fā)布首個Beta版本

    輕量級多級菜單控制框架

    有很多這種菜單框架的代碼,但是大多耦合性太強,無法獨立出來適配不同的菜單設(shè)計。 本文介紹降低了耦合性,完全獨立的菜單框架,
    發(fā)表于 10-12 09:36

    STM32 OLED多菜單操作

    stm32 ?oled多菜單操作
    發(fā)表于 10-09 11:01 ?3次下載

    多級電路的直流靜態(tài)工作點怎么安排?

    多級電路的直流靜態(tài)工作點怎么安排,以及電阻值怎么計算都很困惑,求這方面的好的學(xué)習(xí)資料~
    發(fā)表于 09-20 08:53

    基于CSS融合存儲系統(tǒng)的自動化制造服務(wù)平臺存儲解決方案

    基于CSS融合存儲系統(tǒng)的自動化制造服務(wù)平臺存儲解決方案
    的頭像 發(fā)表于 09-10 10:15 ?611次閱讀
    基于<b class='flag-5'>CSS</b>融合存儲系統(tǒng)的自動化制造服務(wù)平臺存儲解決方案

    在TINA中搭建光電轉(zhuǎn)換電路,多級電路穩(wěn)定性怎么判斷?

    在TINA中搭建光電轉(zhuǎn)換電路,將光傳感器輸出的電流信號轉(zhuǎn)換成電壓信號,這里用C1代替光傳感器的結(jié)電容,實際電路輸入的是電流信號。如圖1所示,其中AM1為電流表,VG1為電壓
    發(fā)表于 09-04 07:16

    求助,關(guān)于TL084多級放大的疑問求解

    用TL084做一個多級放大電路,在電壓增益為60dB的時候,帶寬要求為100Hz到40KHz。這是基本要求。 可是我看到TL084的增益帶寬積在4MHz左右,多級放大電路我不清楚帶寬怎么求,麻煩各位告知一二,或者推薦點學(xué)習(xí)的資
    發(fā)表于 09-02 08:00

    TL084多級放大電路怎么改進(jìn)減弱噪聲?

    我們要用TL084做一個多級放大電路,在電壓增益為60dB的時候,帶寬要求為100Hz到40KHz,在制作這放大電路時發(fā)現(xiàn)當(dāng)輸入信號在毫伏級時噪聲太大輸入信號被淹沒,電路是簡單的多級
    發(fā)表于 09-02 07:31

    多級放大電路常見的耦合方式有哪些

    多級放大電路是電子電路中常見的種電路結(jié)構(gòu),它由多個放大器級聯(lián)而成,以實現(xiàn)對信號的多級放大。耦合方式是多級放大電路中的關(guān)鍵技術(shù)之,它決定了
    的頭像 發(fā)表于 08-07 10:10 ?2106次閱讀

    多級放大電路和單級放大電路相比的優(yōu)點

    多級放大電路與單級放大電路相比,具有以下幾個顯著的優(yōu)點: 1. 更高的放大倍數(shù) 多級放大電路的放大倍數(shù) :多級放大電路的電壓放大倍數(shù)是各級放大電路放大倍數(shù)的乘積。這意味著,通過增加放大電路的級數(shù)
    的頭像 發(fā)表于 08-07 10:06 ?2773次閱讀