• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何制作一個Tab(選項卡)式菜單

    Sublime編纂器

    HTML+CSS JavaScript

    方式/步調

    1. 1

      編寫結果中的HTML布局和對應的CSS樣式,HTML代碼中要出格注重,代碼和如下圖所示:

      d043ad4bd11373f0cd00cb49aa0f4bfbfbed042c.jpg c2fdfc039245d688fb311672aac27d1ed21b2430.jpg
    2. 2

      編寫完當作后,打開瀏覽器進行預覽,結果如下圖所示:

      472309f790529822ed109d15d9ca7bcb0b46d4c1.jpg
    3. 3

      添加JavaScript代碼,相存眷釋已經放在了截圖中,如下圖所示:

      8326cffc1e178a82da70db76f803738da877e89c.jpg
    4. 4

      打開瀏覽器預覽,已經實現了我們需要的功能,如下圖所示:

      b7003af33a87e9508a5657ba1e385343faf2b4a7.jpg
    5. 5

      下面,我們再用“事務委托”的方式來實現一下同樣的結果,對HTML布局進行更改,代碼如圖所示:

      d058ccbf6c81800a15632dd8bf3533fa838b4765.jpg
    6. 6

      更改JavaScript代碼,相存眷釋已經放在了截圖中,如下圖所示:

      29381f30e924b899d4b2ddee60061d950b7bf65e.jpg
    7. 7

      打開瀏覽器預覽結果,可以實現不異的功能,如圖所示:

      4a36acaf2edda3cca51b1cf60fe93901203f926d.jpg
    • 發表于 2019-08-10 18:07
    • 閱讀 ( 971 )
    • 分類:其他類型

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    推薦文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆