Hur Man Gör En Klickbar Knapp

Innehållsförteckning:

Hur Man Gör En Klickbar Knapp
Hur Man Gör En Klickbar Knapp

Video: Hur Man Gör En Klickbar Knapp

Video: Hur Man Gör En Klickbar Knapp
Video: Tryckknapp 2024, Maj
Anonim

När du skapar din egen webbplats måste du utveckla kontroller som: menyalternativ, knappar för att navigera genom sidorna. En klickbar knapp är ett element som, när musen svävar över den, ändrar sitt utseende, blir "nedtryckt", dvs. simulerar att trycka på.

Hur man gör en klickbar knapp
Hur man gör en klickbar knapp

Nödvändig

Dreamweaver-programvara

Instruktioner

Steg 1

Starta Dreamweaver så att knappen blinkar. Skapa en ny webbsida, spara den. För att skapa en klickbar knapp i Flash, använd mediasidan i objektpanelen och därifrån Flash-knappen. Här kan du välja en stil för knappen - för detta använder du förhandsgranskningsfönstret, som ligger ovanför listan över stilar. Därefter anger du texten som kommer att visas på knappen i fältet Knapptext. Visa resultatet med Play-knappen.

Steg 2

Använd Java-skriptspråk för att skapa klickbara knappar. Skapa tre bilder, en för knappen i viloläge och en för knappens svävande utseende. Öppna sedan html-filen på webbsidan med anteckningsblock och lägg till följande text i fältet Body. på nästa rad anger du om (parseInt (navigator.appVersion)> = 3) compat = true. >

Steg 3

Nästa på raden anger om (compat) {I1 = ny bild; ange sedan sökvägarna till bildfilerna I1.src = "ange sökvägen till knappbilden i normalt läge"; I1_1.src = "ange sökvägen till bilden av knappen när du svävar över den med muspekaren"; ange sedan textfunktionen SetImg (Namn, Img); {if (compat) document.images "ange länkar till båda bilderna".src = eval (Img + '. src'); } ange sedan stängningstaggen.

Steg 4

Gå in i sidkoden till den plats där du vill lägga till knappen, ange följande kod där:

Text
Text

… Spara dina ändringar och öppna sidan i en webbläsare för att se resultatet.

Rekommenderad: