Ako Urobiť Klikateľné Tlačidlo

Obsah:

Ako Urobiť Klikateľné Tlačidlo
Ako Urobiť Klikateľné Tlačidlo

Video: Ako Urobiť Klikateľné Tlačidlo

Video: Ako Urobiť Klikateľné Tlačidlo
Video: Ako na web vo WEBNODE pridať Tlačítko na Začiatok? (🔝 scroll to top) 2024, November
Anonim

Pri vytváraní vlastného webu budete musieť vyvinúť ovládacie prvky, ako napríklad: položky ponuky, tlačidlá na navigáciu po stránkach. Kliknuteľné tlačidlo je prvok, ktorý keď nad ním kurzor myši prejde, zmení jeho vzhľad, stane sa „stlačeným dole“, t.j. simuluje lisovanie.

Ako urobiť klikateľné tlačidlo
Ako urobiť klikateľné tlačidlo

Nevyhnutné

softvér Dreamweaver

Inštrukcie

Krok 1

Spustite Dreamweaver, aby tlačidlo blikalo. Vytvorte novú webovú stránku a uložte ju. Ak chcete vytvoriť kliknuteľné tlačidlo v programe Flash, použite stránku Médiá na paneli objektov a odtiaľ tlačidlo Flash. Tu môžete zvoliť štýl tlačidla - na tento účel použite tablu s ukážkou, ktorá sa nachádza nad zoznamom štýlov. Ďalej zadajte text, ktorý sa zobrazí na tlačidle do poľa Text tlačidla. Výsledok zobrazte pomocou tlačidla Prehrať.

Krok 2

Na vytvorenie klikateľných tlačidiel použite skriptovací jazyk Java. Vytvorte tri obrázky, jeden pre tlačidlo v pokojovom stave a druhý pre vzhľad kurzora myši. Ďalej otvorte html súbor webovej stránky s poznámkovým blokom a do poľa Body pridajte nasledujúci text. na ďalší riadok zadajte if (parseInt (navigator.appVersion)> = 3) compat = true. >

Krok 3

Ďalej na riadok zadajte if (compat) {I1 = nový Obrázok; potom zadajte cesty k obrazovým súborom I1.src = "zadajte cestu k obrázku tlačidla v normálnom režime"; I1_1.src = "zadajte cestu k obrázku tlačidla, keď na ňu umiestnite kurzor myši"; potom zadajte textovú funkciu SetImg (Name, Img); {if (compat) document.images "zadajte odkazy na oba obrázky".src = eval (Img + '. src'); } potom zadajte koncovú značku.

Krok 4

Prejdite v kóde stránky na miesto, kam chcete pridať tlačidlo, zadajte tam nasledujúci kód:

„Text
„Text

… Uložte zmeny a otvorte stránku v prehliadači, aby ste videli výsledok.

Odporúča: