如何建立表單按鈕在 FrontPage 中使用 DHTML 和 CSS 的動態顯示效果

文章翻譯 文章翻譯
文章編號: 222949 - 檢視此文章適用的產品。
全部展開 | 全部摺疊

結論

FrontPage 2000 和 FrontPage 2002 包含一組豐富的階層式樣式表 (CSS) 和動態超文字標記語言 (DHTML) 製作權限可讓您建立各種不同的動態顯示效果的功能。本文將告訴您可以動態顯示一般的表單欄位按鈕的按鈕效果使用建立 CSS 功能和格式設定的 DHTML。

其他相關資訊

如果要建立動態顯示按鈕效果的表單欄位按鈕,請依照下列步驟執行:
  1. 建立新的空白頁面。
  2. 在 [插入] 功能表上指向 [表單,然後按一下 [表單]。
  3. 若要將預設 送出 」 按鈕色彩請依照下列步驟執行:

    1. 用滑鼠右鍵按一下 [送出] 按鈕,然後按一下 [表單欄位內容]。
    2. 按一下 [樣式]。
    3. 按一下 [格式],然後 框線
    4. 按一下 [網底] 索引標籤。
    5. 按一下以選取 [前景色彩背景色彩] 清單中的 [色彩。
    6. 按三次 [確定] 返回至文件。
  4. 若要將 DHTML 動態顯示色彩請依照下列步驟執行:

    1. 按一下 [送出] 按鈕。
    2. 在 [格式] 功能表上按一下 [動態 HTML 效果]。
    3. 清單中按一下 [以選取 [滑鼠移過]。
    4. 在 [套用] 清單按一下以選取 格式
    5. 按一下以選取 [套用] 清單右邊清單中的 [選擇框線
    6. 按一下 [網底] 索引標籤。
    7. 按一下以選取 [前景色彩背景色彩] 清單中的 [色彩。
    8. 按一下 [確定],然後關閉 [DHTML 效果] 工具列。
  5. 如果要移至 [送出] 按鈕的色彩變化色彩,請依照下列步驟執行:

    1. 切換至 HTML 檢視。
    2. 在 [HTML] 檢視中 <p>從移除下列的程式碼 標記至為您 <input> 標記:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      附註:"背景色彩 」 和 「 色彩 」 的值可能不同於先前的程式碼所示。
  6. 如果您想為 重設] 按鈕重複最後幾個步驟。
  7. 當您完成上述步驟時,您的 HTML 程式碼可能看起來下列的 HTML 程式碼範例:
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. 將這個頁面儲存至 HoverTest.htm 」 為您的桌面,FrontPage 將最小化。
  9. 您會注意到 FrontPage 儲存您的桌面的下列兩個檔案:

    • HoverTest.htm。
    • Animate.js。
    第一個檔案是在前一個步驟中建立的網頁,第二個檔案是網頁會使用 DHTML 函式的集合。
  10. 開啟 「 HoverTest.htm 」 在網際網路總管 4.0 或更新的版本。請注意會看到當您在每個按鈕上方移動滑鼠應該看到變更的色彩

屬性

文章編號: 222949 - 上次校閱: 2007年1月24日 - 版次: 1.3
這篇文章中的資訊適用於:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
關鍵字:?
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtzh
機器翻譯
重要:本文是以 Microsoft 機器翻譯軟體翻譯而成,而非使用人工翻譯而成。Microsoft 同時提供使用者人工翻譯及機器翻譯兩個版本的文章,讓使用者可以依其使用語言使用知識庫中的所有文章。但是,機器翻譯的文章可能不盡完美。這些文章中也可能出現拼字、語意或文法上的錯誤,就像外國人在使用本國語言時可能發生的錯誤。Microsoft 不為內容的翻譯錯誤或客戶對該內容的使用所產生的任何錯誤或損害負責。Microsoft也同時將不斷地就機器翻譯軟體進行更新。
按一下這裡查看此文章的英文版本:222949
Microsoft及(或)其供應商不就任何在本伺服器上發表的文字資料及其相關圖表資訊的恰當性作任何承諾。所有文字資料及其相關圖表均以「現狀」供應,不負任何擔保責任。Microsoft及(或)其供應商謹此聲明,不負任何對與此資訊有關之擔保責任,包括關於適售性、適用於某一特定用途、權利或不侵權的明示或默示擔保責任。Microsoft及(或)其供應商無論如何不對因或與使用本伺服器上資訊或與資訊的實行有關而引起的契約、過失或其他侵權行為之訴訟中的特別的、間接的、衍生性的損害或任何因使用而喪失所導致的之損害、資料或利潤負任何責任。

提供意見

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com