Hogyan hozzunk létre egy gombot, és megváltoztatja a dinamikus hatások - Layout html

Beszéljünk arról, hogy hogyan lehet, hogy az oldalak WEB oldalon több „életben”. Mi fog beszélni a képességek, amelyek lehetővé teszik, hogy új elemek az oldalra különböző hatások. Ez például lehet világítás, elem mozgása vagy módosíthatja a betűtípust, ha az egérrel rámutat, a nyitó oldalak és egyéb eseményeket.

A FrontPage programban van egy bizonyos mennyiségű kész komponensek lehet helyezni egy oldalon, és konfigurálja a szükséges módon játszani a különböző dinamikus hatásokat. Megnézzük az animált gombot és banner marketing.

Mint egy átlagos gombra a navigációs menü, az animáció gombot tartalmaz egy linket egy másik oldalra vagy fájlt. De amellett, hogy az alapvető funkció -, hogy kövesse a linket - ha nyomva, vagy ha az egérmutató animáció gomb lehet változtatni a színét, hogy megmutassa a maguk számára felvázolni.

Hogyan készítsünk egy animált gomb

Ahhoz, hogy az animáció gombot a lap szerkesztési mód megválasztására Beszúrás menü - Változó gomb (Insert - Interaktív gombok). Változó gombokat a párbeszédablak jelenik meg (Interactive gombok).

Tedd gomb animáció is párbeszédet betét alkatrész weboldalon (Insert Web komponens), összetevők kiválasztásával dinamikus hatások (dinamikus hatások) növelve interaktív gomb (Interaktív gombok).

A beviteli (Text), írja be a szöveget, amely akkor jelenik meg a gombot.

Miután kiválasztottuk a Betűtípus lapon (Font), akkor adott esetben válassza ki a betűtípust a szöveg gombot, a Vázlat fül (kép), meg lehet változtatni a méretét és színét a gombot.

Kattintson az OK gombra. Azon az oldalon animáció gomb van helyezve.

A teszt a gombot, mentse el az oldalt, és indítsa el a böngészőt.

Hogyan készítsünk egy animáció hanggal gomb

Változtatja a gomb megjelenését, amikor fölé viszi rá az egérrel mutatót és lejátszani ugyanabban az audio fájlt.

Az oldal szerkesztése, kattintson tour1.htm kapcsolatba gombbal válasszuk ki.

Villamosmérnöki Formátum menü - Behavior (Format - viselkedések). A kijelzőn megjelenik a munkaablak viselkedés (Viselkedés).

Távolítsuk el a műveletet hajtunk végre, ha az egérmutatót gombra.

Kattintson a jobb gombbal a 3. forgatókönyv a szkriptek listája a tag (szkriptek Tag) és megválasztja a csapat, hogy bemutassák a helyi menü Törlés (Delete). A szkript törlődik a listáról.

Ügyeljünk arra, hogy az utolsó lépés van szüksége, kattintson az oszlop Acts (Műveletek), és nem intézkedések (események).

A Feladatok (munkaablakban) kattintson Stick (Insert). A menü jelenik meg.

A Stick menü (Insert) felsorolja azokat a lehetséges intézkedéseket a megjelenése intézkedés, amelyet mi adunk kicsit később.

Villamosmérnöki Changeling képmenü (Swap Image). Csere párbeszédablak jelenik meg kép (Swap Image).

Ki kell szólnia gombra.

A Feladatok (munkaablakban) kattintson Stick (Insert) választja meg a menü hanghatások lejátszás (Hang lejátszása). Játék Sound párbeszédablak jelenik meg a kijelzőn (Hang lejátszása).

Meg kell változtatni a kiváltó esemény hangfájlt.

Mutasson az egérrel az onclick esemény az újonnan készített forgatókönyvet, és majd a Nézet fülre a jobb oldalon a gomb formájában nyilak. A pop-up menü jelenik meg, hogy válasszon egy műveletet.

A menü akciók kiválasztása megválasztja onmouseover (mozgasd az egérmutatót). Esemény hangjelzéssel kell változtatni.

Nyomjuk meg a Ctrl + F1, hogy elrejtse a munkaablak.

A teszt a gombot, mentse el az oldalt, és indítsa el a böngészőt.

Milyen más hatások is adhatunk siranitsu

A HTML-ben van egy további parancsokat és funkciókat, lehetővé téve, hogy adjunk az elemek egy oldal speciális effektusok és csatlakoztassa őket előfordulása bizonyos események. Az ilyen hatásokat nevezzük dinamikus hatások, vagy DHTML (dinamikus HTML) hatások.

Szerkesztés módban kattintson az első bekezdésben a szöveg egy oldalra, majd tour2.htm megválasztja a programban menüpont a Nézet - Eszköztárak - A DHTML Effects (Nézet - Eszköztárak - DHTML Effects). A DHTML Effects eszköztáron (DHTML Effects) jelenik meg az opció a dinamikus hatásokat.

A pop-up lista On (Be) az eszköztáron DHTML hatások (DHTML Effects) meghatározza az esemény, amely hatására az esemény a hatás, például az egér fölötte van (Egeret).

Más verziók az események: Kattintson a (Click), kattintson duplán a (Double click), Letöltések oldalon (Oldal terhelés) - a lista típusa alapján kiválasztott elem. A dinamikus hatásokat nem lehet alkalmazni a szöveget, amely része a listán.

A pop-up listát Apply (Alkalmazás) megválasztja egyik hatása, például Format (Formázás), ha előzőleg kiválasztott egéráthúzáskor esemény (egér felett).

Egy sor hatások függ a választott elem és a cselekvés. Lebeg (egeret) a szövegben ez lehet Format (Formázás), más szóval, a változó a betűtípust, a szöveg színe, a kimeneti keret és a hasonló a Letöltések oldalt (Oldalbetöltés) lehet a különböző lehetőségek megjelenése vagy eltűnése a szöveget az oldalon.

A Configure felugró listából (Válasszon beállítások) meghatározott előírásoknak választott hatás, például, adja meg a betűtípus választottak (Choose font) a hatás formázása (formázás).

Egy sor jellemzők függ a kiválasztott elem és hatása. Például a hatása megszűnt a lapok lehet címsor.

Ha azt a lehetőséget választja megválasztja font (Choose font), majd tovább megjelenített párbeszéd betűtípus (font). Pont azt, milyen betűtípust megjelenik a választott darab szöveget, ha látja ezt a műveletet, majd az OK gombra.

Eltekintve a szöveget, DHTML hatások is használható rajzok, gombok és egyéb elemek az oldal. Kísérlet a különböző hatásokat, próbálja kiválasztani a különböző tevékenységek és lehetőségek. Az egyik oldalon elem beállíthat több dinamikus hatásait, ha azok nem mondanak ellent minden barát. Ahhoz, hogy távolítsa el a hatás a hatása a Törlés gombra (Remove Effect) az eszköztáron a hatását a lehetőséget.

Ha az oldal tartalmaz nagy mennyiségű szöveg és egyéb alkatrészek, kényelmesen válassza elemek DHTML hatása, hogy könnyebben megtalálja őket, ha tervezése oldalak.

Zárja le a DHTML Effects eszköztáron (DHTML Effects), kiválasztja a Nézet menü - Eszköztárak - DHTML Effects (Nézet - Eszköztárak - DHTML Effects).

Ha speciális hatásokat kell szem előtt tartani, hogy nem minden böngésző képes megjeleníteni azokat. Ha célba általános látogatást a weboldal, elengedhetetlen, hogy ellenőrizze a helyes működését minden hatását használják több vserasprostranennyh böngészők az Internet Explorer. Opera és a Netscape.

További információ

Részletes utasításokat, hogyan kell továbbítani az érték egy gomb formájában

Kapcsolódó cikkek