DHTML と CSS を使用して FrontPage フォーム ボタンのホバー効果を作成する方法

文書翻訳 文書翻訳
文書番号: 222949 - 対象製品
すべて展開する | すべて折りたたむ

概要

FrontPage 2000 と FrontPage 2002 のさまざまなホバー効果を作成できる機能の作成にカスケード スタイル シート (CSS) とダイナミック HTML (DHTML) の豊富なセットを含めます。 この資料では、について説明しますできますホバー標準フォームのフィールド ボタンのボタン効果とを使って作成、CSS 機能 DHTML の書式設定します。

詳細

ホバー ボタン効果のフォーム フィールド ボタンを作成するには、次の手順に従います。
  1. 新しい白紙のページを作成します。
  2. [ 挿入 ] メニューの [ フォーム ] をポイントし、[ フォーム ] をクリックします。
  3. 既定の 送信 ボタンの色を適用するには、次の手順を実行します。

    1. [ 送信 ] ボタンを右クリックし、[ フォーム フィールドのプロパティ ] をクリックします。
    2. [ スタイル ] をクリックします。
    3. をクリック 書式 、し、[ 枠線 します。
    4. [ 網かけの設定 ] タブをクリックします。
    5. クリックして、色を 前景の色 背景色 の一覧で選択します。
    6. [OK] を 3 回クリックして、ドキュメントに戻ります。
  4. DHTML ホバー時の色を挿入するには、次の手順に従います。

    1. [ 送信 ] ボタンをクリックします。
    2. [ 書式 ] メニューの [ DHTML 効果 をクリックします。
    3. [、ボックスの一覧を マウスの通過 選択にします。
    4. [ 適用 、ボックスの一覧を 書式設定 をオンにします。
    5. クリックして 枠線の選択 適用 一覧の右側の一覧で選択します。
    6. [ 網かけの設定 ] タブをクリックします。
    7. クリックして、色を 前景の色 背景色 の一覧で選択します。
    8. [OK ] をクリックし、[ 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、次の 2 つのファイルをデスクトップに保存することがわかります。

    • HoverTest.htm。
    • Animate.js。
    最初のファイルは、前の手順で作成した、ページで、2 番目のファイルは、ページが使用する DHTML 関数の集まりです。
  10. " HoverTest.htm "Internet Explorer 4. 0 以降を開きます。 各ボタンにマウスを置くは、色の変更を表示する必要があります。

プロパティ

文書番号: 222949 - 最終更新日: 2007年1月24日 - リビジョン: 1.3
この資料は以下の製品について記述したものです。
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
キーワード:?
kbhowto kbscript kbprogramming kbforms kbbutton kbnewfile kbmt KB222949 KbMtja
機械翻訳の免責
重要: このサポート技術情報 (以下「KB」) は、翻訳者による翻訳の代わりに、マイクロソフト機械翻訳システムによって翻訳されたものです。マイクロソフトは、お客様に、マイクロソフトが提供している全ての KB を日本語でご利用いただけるように、翻訳者による翻訳 KB に加え機械翻訳 KB も提供しています。しかしながら、機械翻訳の品質は翻訳者による翻訳ほど十分ではありません。誤訳や、文法、言葉使い、その他、たとえば日本語を母国語としない方が日本語を話すときに間違えるようなミスを含んでいる可能性があります。マイクロソフトは、機械翻訳の品質、及び KB の内容の誤訳やお客様が KB を利用されたことによって生じた直接または間接的な問題や損害については、いかなる責任も負わないものとします。マイクロソフトは、機械翻訳システムの改善を継続的に行っています。
英語版 KB:222949
Microsoft Knowledge Base の免責: Microsoft Knowledge Baseに含まれている情報は、いかなる保証もない現状ベースで提供されるものです。Microsoft Corporation及びその関連会社は、市場性および特定の目的への適合性を含めて、明示的にも黙示的にも、一切の保証をいたしません。さらに、Microsoft Corporation及びその関連会社は、本文書に含まれている情報の使用及び使用結果につき、正確性、真実性等、いかなる表明・保証も行ないません。Microsoft Corporation、その関連会社及びこれらの権限ある代理人による口頭または書面による一切の情報提供またはアドバイスは、保証を意味するものではなく、かつ上記免責条項の範囲を狭めるものではありません。Microsoft Corporation、その関連会社 及びこれらの者の供給者は、直接的、間接的、偶発的、結果的損害、逸失利益、懲罰的損害、または特別損害を含む全ての損害に対して、状況のいかんを問わず一切責任を負いません。(Microsoft Corporation、その関連会社 またはこれらの者の供給者がかかる損害の発生可能性を了知している場合を含みます。) 結果的損害または偶発的損害に対する責任の免除または制限を認めていない地域においては、上記制限が適用されない場合があります。なお、本文書においては、文書の体裁上の都合により製品名の表記において商標登録表示、その他の商標表示を省略している場合がありますので、予めご了解ください。

フィードバック

 

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