So Erstellen Sie Einen Anklickbaren Button

Inhaltsverzeichnis:

So Erstellen Sie Einen Anklickbaren Button
So Erstellen Sie Einen Anklickbaren Button

Video: So Erstellen Sie Einen Anklickbaren Button

Video: So Erstellen Sie Einen Anklickbaren Button
Video: Button im Flat Design | HTML, CSS für Anfänger 2024, Kann
Anonim

Wenn Sie Ihre eigene Site erstellen, müssen Sie Steuerelemente entwickeln, wie zum Beispiel: Menüelemente, Schaltflächen zum Navigieren durch die Seiten. Eine klickbare Schaltfläche ist ein Element, das beim Überfahren mit der Maus sein Aussehen ändert, "nach unten gedrückt" wird, d.h. simuliert das Drücken.

So erstellen Sie einen anklickbaren Button
So erstellen Sie einen anklickbaren Button

Notwendig

Dreamweaver-Software

Anweisungen

Schritt 1

Starten Sie Dreamweaver, damit die Schaltfläche blinkt. Erstellen Sie eine neue Webseite, speichern Sie sie. Um eine anklickbare Schaltfläche in Flash zu erstellen, verwenden Sie die Medienseite im Objektfenster und von dort aus die Flash-Schaltfläche. Hier können Sie einen Stil für die Schaltfläche auswählen - verwenden Sie dazu den Vorschaubereich, der sich über der Liste der Stile befindet. Geben Sie als Nächstes den Text, der auf der Schaltfläche angezeigt wird, in das Feld Schaltflächentext ein. Zeigen Sie das Ergebnis mit der Schaltfläche Wiedergabe an.

Schritt 2

Verwenden Sie die Java-Skriptsprache, um anklickbare Schaltflächen zu erstellen. Erstellen Sie drei Bilder, eines für die Schaltfläche im Ruhezustand und eines für die Hover-Darstellung der Schaltfläche. Öffnen Sie als nächstes die HTML-Datei der Webseite mit Notepad und fügen Sie den folgenden Text in das Feld Body ein. Geben Sie in der nächsten Zeile if (parseInt (navigator.appVersion)> = 3) compat = true ein. >

Schritt 3

Geben Sie als nächstes in der Zeile if (compat) {I1 = new Image; dann geben Sie die Pfade zu den Bilddateien an I1.src = "Geben Sie den Pfad zum Schaltflächenbild im normalen Modus ein"; I1_1.src = "Geben Sie den Pfad zum Bild der Schaltfläche ein, wenn Sie mit dem Mauszeiger darüber fahren"; dann geben Sie die Textfunktion SetImg (Name, Img) ein; {if (compat) document.images "Geben Sie Links zu beiden Bildern ein".src = eval (Img + '.src'); } Geben Sie dann das schließende Tag ein.

Schritt 4

Gehen Sie im Seitencode an die Stelle, an der Sie die Schaltfläche hinzufügen möchten, und geben Sie dort folgenden Code ein:

Text
Text

… Speichern Sie Ihre Änderungen und öffnen Sie die Seite in einem Browser, um das Ergebnis anzuzeigen.

Empfohlen: