<optgroup id="sn3cy"></optgroup>
  • <code id="sn3cy"></code>
    <blockquote id="sn3cy"></blockquote>

    <blockquote id="sn3cy"></blockquote>
    1. <tt id="sn3cy"></tt><thead id="sn3cy"><sup id="sn3cy"></sup></thead>

      網頁制作技術

      2014年09月27日

      如何在Dreamweaver 制作彈出菜單

      想不想在Dreamweaver中制作一個彈出菜單,如何在Dreamweaver 制作彈出菜單呢,下面小編給大家分享一個方法,有需要的朋友可以看看。

      我們制作中要完成的效果是當鼠標移動到文字上時,就會彈出一個漂亮的菜單,如圖 17-1 和圖 17-2 所示。

      \

      具體操作步驟如下:

      1、輸入文字并設置超鏈接。在網頁中輸入文字,因為單獨的文本文字是無法添加行為的,按照 Dreamweaver 中的約定,將文字的超鏈接設置為“ JavaScript:; ”才能夠添加行為。所以將文字的超鏈接設為“ Javascript:; ”,并執行【顯示彈出式菜單】行為,如圖 17-3 所示。

      \

      2、設置菜單項和子菜單項,并為菜單設置超鏈接,然后安排好各個菜單的次序,如圖 17-4 所示。

      \

      3、設置頁面元素。將菜單設置為垂直菜單,并分別設置菜單的字體、字號、對齊方式、一般狀態和鼠標滑過時的狀態,如圖 17-5 所示。

      \

      4、設置【高級】標簽。在【高級】標簽選項中設置菜單的延遲時間,以及是否顯示菜單邊框。然后設置邊框的寬度、顏色、陰影、高亮,如圖 17-6 所示。

      \

      注意:【菜單延遲】中時間的單位是毫秒( ms ), 1000 毫秒等于 1 秒,在設置時注意換算。

      5、設置的 x 軸和 y 軸參數。在【位置】標簽選項中設置彈出菜單的 x 軸和 y 軸參數,這兩個參數表示彈出菜單左上角到網頁左上角的距離,如圖 17-7 所示。

      \

      6、保存網頁文件,然后在瀏覽器中打開該網頁,將鼠標光標移動到文字上方時即可看到有菜單彈出,本實例操作完畢。通過 Dreamweaver ,可以快速制作出以往只能用復雜代碼才能實現的彈出菜單,這樣可以實現復雜菜單的彈出和收縮,方便使用又能讓頁面美觀、整潔。

      上一篇:沒有了
      下一篇:Dreamweaver怎樣制作禁止頁面緩存

      二維碼 返回頂部
      内蒙古时时彩十一选五
      <optgroup id="sn3cy"></optgroup>
    2. <code id="sn3cy"></code>
      <blockquote id="sn3cy"></blockquote>

      <blockquote id="sn3cy"></blockquote>
      1. <tt id="sn3cy"></tt><thead id="sn3cy"><sup id="sn3cy"></sup></thead>
        <optgroup id="sn3cy"></optgroup>
      2. <code id="sn3cy"></code>
        <blockquote id="sn3cy"></blockquote>

        <blockquote id="sn3cy"></blockquote>
        1. <tt id="sn3cy"></tt><thead id="sn3cy"><sup id="sn3cy"></sup></thead>