<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    用Dreamweaver制作出一個類似于下拉菜單的效果

    • 時間:2016-05-26 17:44
    • 發布:昆明UI培訓
    • 來源:達內新聞


    昆明ui培訓班老師教大家制作一個類似于下拉菜單的效果需要用到層的隱藏和顯示特性。

    具體的方法是:在頁面中插入一個單行多列的表格,作為你的菜單條。

    表格的列數由菜單選項的多少決定。

    插入一個層,在層中輸入第一個下拉菜單的內容,并把這個層移動到表格第一列的下面。

    同理,對其他菜單項也作如上的操作,插入相應的層。把所有層的顯示屬性(vis)改為隱藏(Hidden)。 

    選擇表格的第一個單元,單擊窗口(Windows行為(Behaviors),彈出行為面板。

    按下“+”添加行為Show-Hide layers,并將第一個層(Layer1)屬性改為顯示(Show),其他層的屬性改為隱藏(Hide)

    接著在行為面板中編輯這個行為,將它的觸發事件(events)改為onMouseover。這樣,當鼠標移動到第一個表格單元之上時,第一個下拉菜單就會顯示出來。

    接著再添加一個行為Show-Hide layers,并將所有層的屬性改為隱藏。

    接著在行為面板中編輯這個行為,將它的觸發事件(events)改為onMouseout

    這樣當鼠標從第一個表格單元之上移開時,第一個下拉菜單就會隱藏起來。對其他的菜單項重復上述操作。

    但要注意設置菜單二時,第二層顯示,其他層隱藏;設置菜單三時,第三層顯示,其他層隱藏;依此類推下去。

    好了,做好了,按F12看看吧。

    時光匆匆,當你開始不斷地成長的時候,會發現生活里充滿了陽光,昆明ui培訓機構五月開班在即,在盛夏的時光里,你遇見最好的自己了么?更多關于設計的知識,盡在昆明ui培訓機構官網!


     

    上一篇:DreamWeaver制作鼠標移上去后有變化的動態菜單
    下一篇:Dreamweaver輕松制作下載文件

    馬上預約三天免費體驗課

    姓名:

    電話:

    達內教育集團總裁韓少云:拒絕跟風 做適合自己的教育

    給Flash初學者的幾點建議

    如何讓開發人員按照UI標注還原設計?

    金融危機來了,如何面對?

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>