Účinky Text Presunúť

Keď pohnete myšou cez webové stránky texte , sa môže stať jedna z dvoch vecí : nič , alebo niečo , čo upúta pozornosť . Weboví vývojári používať JavaScript a kaskádové štýly na vytvorenie rôznych vizuálnych efektov , ktoré prevráteniu baviť a informovať nás . Napríklad pohybom myši cez " Informácie " by mohol zdôrazniť , že slovo . To umožní užívateľovi vedieť , že by mohol kliknite na slovo pre viac informácií . Keď využije striedmo a primerane , textu prevráteniu účinky zvyšujú zážitok prechádzanie tým , že poskytuje vizuálnu spätnú väzbu , a zameranie pozornosti na dôležité prvky stránky . CSS Hover efekty

Najjednoduchšie Text dynamický efekt nevyžaduje žiadne kódovanie . Všetky prehliadače podporujú aspoň jeden variácie tohto štýlu atribútu list hover . Toto je " pseudo " class . Nasledujúci kód pridá triedu pseudo všetkých odkazov na stránke :

a.MyLinks : hover { color : blue ; background- color : red ; font - weight : bold ; }

používateľ presunie ukazovateľ myši nad odkaz , odkaz sa zobrazí vlastnosti definované v definícii triedy .
JavaScript efekty

Weboví vývojári vyzvať funkcií JavaScript zmeniť vzhľad textových prvkov . Textové prvky zahŕňajú body , div kontajnery a nadpisy . Ak chcete volať funkciu jazyka JavaScript , kedy dôjde k prevráteniu , odkaz na funkciu v texte prvku HTML tagu. Nasledujúce tag nazýva " changeText " JavaScript funkciu , keď používateľ presunie ukazovateľ myši nad nadpisom :

Toto je nadpis < /h > ;

Funkcia JavaScript obdrží záhlavie prvku a zmeniť jeho farbu , veľkosť , typ písma , text dekorácie a ďalšie vlastnosti štýlu . Mnoho prehliadačov umožňujú JavaScript zmeniť krytie a transparentnosť elementu je . Vývojári tiež animovať text , zmenou polohy hodnoty textovom prvku v čase pomocou setTimeout a setInterval funkcie .
DOM efekty

Weboví vývojári použiť Document Object Model ( DOM ) upraviť domovskú stránku prvkami . DOM textové efekty vyžadujú viac kódovanie a znalosti o web HTML , CSS a JavaScript . Pomocou DOM , vývojári zmeniť vzhľad , umiestnenie textového prvku na stránke , a dokonca aj obsah textu . Príkaz " document.getElementById " je jedným z najdôležitejších dostupných príkazov pre manipuláciu s DOM . Použite tento príkaz pre načítanie odkazu do textového prvku . Po vyhľadaní , zmeniť vlastnosti DOM elementu , aby bolo dosiahnuté požadovaného účinku . Napríklad , zmeniť obsah textu zmenou prvku " innerHTML " vlastnosť . Zmena vzhľadu prvku zmenou " outerHTML " vlastnosť .

• Predchádzajúca strana: Ako previesť MPG do formátu JPEG AVI 
• Ďalšia strana: Ako previesť súbor MDF do ISO