Hover-Effekte für Formularschaltflächen mithilfe von DHTML und CSS

Dieser Artikel wurde zuvor veröffentlicht unter D40390
Dieser Artikel wurde archiviert. Er wird im vorliegenden Zustand bereitgestellt und nicht mehr aktualisiert.
Dieser Artikel ist eine Übersetzung des folgenden englischsprachigen Artikels der Microsoft Knowledge Base:
222949 FP2000: Creating Hover Effects for Form Buttons using DHTML and CSS
Zusammenfassung
FrontPage 2000 enthält einen umfangreichen Satz von Dokumenterstellungsfunktionen für CSS (Cascading Style Sheet) und DHTML (Dynamic HTML), mit deren Hilfe Sie diverse Hover-Effekte erzeugen können. In diesem Artikel wird beschrieben, wie Sie Hover-Schaltflächeneffekte für normale Formularfeldschaltflächen unter Verwendung der CSS-Funktionen und der DHTML-Formatierung erstellen können.
Weitere Informationen
Führen Sie die folgenden Schritte durch, um Hover-Schaltflächeneffekte für Formularfeldschaltflächen zu erzeugen:
  1. Erstellen Sie eine neue (leere) Seite.
  2. Zeigen Sie im Menü EINFÜGEN auf FORMULAR und klicken Sie dann auf FORMULAR.
  3. Führen Sie die folgenden Schritte durch, um die standardmäßigen Farben für die Schaltfläche ABSCHICKEN zu übernehmen:
    a. Klicken Sie mit der rechten Maustaste auf die Schaltfläche ABSCHICKEN und klicken Sie dann auf FORMULARFELDEIGENSCHAFTEN.
    b. Klicken Sie auf FORMATVORLAGE.
    c. Klicken Sie auf FORMAT und dann auf RAHMEN.
    d. Klicken Sie auf das Register SCHATTIERUNG.
    e. Klicken Sie in den Listen "Vordergrundfarbe" und "Hintergrundfarbe" ein Farbe an, um sie auszuwählen.
    f. Klicken Sie dreimal auf OK, um zu dem Dokument zurückzukehren.
  4. Führen Sie die folgenden Schritte durch, um DHTML-Hover-Farben einzufügen:
    a. Klicken Sie auf die Schaltfläche ABSCHICKEN.
    b. Klicken Sie im Menü FORMAT auf DYNAMIC HTML-EFFEKTE.
    c. Klicken Sie in der Liste auf WENN DIE MAUS DARAUF ZEIGT.
    d. Wählen Sie in der Liste "Übernehmen" die Option FORMATIERUNG.
    e. Klicken Sie in der Liste rechts neben der Liste "Übernehmen" auf RAHMEN WÄHLEN.
    f. Klicken Sie auf das Register SCHATTIERUNG.
    g. Klicken Sie in den Listen "Vordergrundfarbe" und "Hintergrundfarbe" ein Farbe an, um sie auszuwählen.
    h. Klicken Sie auf OK und schließen Sie die Symbolleiste DHTML-EFFEKTE.
  5. Führen Sie die folgenden Schritte durch, um die Hover-Farben auf die Schaltfläche ABSCHICKEN zu übertragen:
    a. Wechseln Sie in die HTML-Ansicht.
    b. In der HTML-Ansicht verschieben Sie bitte den folgenden Code von der Marke <p> zu der Marke <input> (Eingabe):
       dynamicanimation="fpAnimformatRolloverFP1"   fprolloverstyle="background-color: #000000; color: #FFFFFF"   onmouseover="rollIn(this)"   onmouseout="rollOut(this)"   language="Javascript1.2"
    Hinweis: Die Werte für "Hintergrundfarbe" und "Farbe" können von den im vorstehenden Code angegebenen abweichen.
  6. Falls Sie dies möchten, können Sie die vorstehenden Schritte für die Schaltfläche ZURÜCKSETZEN wiederholen.
  7. Wenn Sie die vorstehend beschriebenen Schritte ausgeführt haben, könnte Ihr HTML-Code aussehen wie in dem folgenden Beispiel:
       <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. Speichern Sie diese Seite unter dem Namen "HoverTest.htm" auf Ihrem Desktop und minimieren Sie FrontPage.
  9. Sie werden feststellen, daß FrontPage die folgenden zwei Dateien auf Ihrem Desktop gespeichert hat:
    - HoverTest.htm.
    - Animate.js.

    Bei der ersten Datei handelt es sich um die Seite, die Sie durch die Ausführung der vorstehenden Schritte erstellt haben. Die zweite Datei ist eine Sammlung der DHTML-Funktionen, die auf der Seite verwendet werden.
  10. Öffnen Sie die Datei "HoverTest.htm" in Internet Explorer 4.0 oder höher. Beachten Sie bitte, daß sich die Farbe verändert, wenn Sie den Mauszeiger über die Schaltflächen bewegen.


Bitte beachten Sie: Bei diesem Artikel handelt es sich um eine Übersetzung aus dem Englischen. Es ist möglich, daß nachträgliche Änderungen bzw. Ergänzungen im englischen Originalartikel in dieser Übersetzung nicht berücksichtigt sind. Die in diesem Artikel enthaltenen Informationen basieren auf der/den englischsprachigen Produktversion(en). Die Richtigkeit dieser Informationen in Zusammenhang mit anderssprachigen Produktversionen wurde im Rahmen dieser Übersetzung nicht getestet. Microsoft stellt diese Informationen ohne Gewähr für Richtigkeit bzw. Funktionalität zur Verfügung und übernimmt auch keine Gewährleistung bezüglich der Vollständigkeit oder Richtigkeit der Übersetzung.

front page dhtml html css
Eigenschaften

Artikelnummer: 222949 – Letzte Überarbeitung: 12/05/2015 13:28:59 – Revision: 1.0

Microsoft FrontPage 2000 Standard Edition

  • kbnosurvey kbarchive kbinfo KB222949
Feedback
ERROR: at System.Diagnostics.Process.Kill() at Microsoft.Support.SEOInfrastructureService.PhantomJS.PhantomJSRunner.WaitForExit(Process process, Int32 waitTime, StringBuilder dataBuilder, Boolean isTotalProcessTimeout)