Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako zmeniť CSS triedy atribút sa zapnutým javascriptom

Zmena atribútu elementu HTML pomocou JavaScriptu trieda umožňuje vývojárom vytvárať interaktívne efekty v rámci webových stránok . Pomocou funkcie JavaScriptu , môžete určiť , aké správanie by malo prebiehať , ak používatelia komunikovať so svojimi prvkami stránky , meniť ich vlastnosti CSS štýlu v reakcii na túto interakciu . Zmena mena triedy atribútov je jedným z kľúčových techník sa podieľajú na tejto úlohe , ktorý je dosiahnuteľný aj pre ľudí , práve začína vo vývoji webových aplikácií . Pokyny dovolená 1

Vytvorte si stránku HTML s prvkami pre zobrazenie obsahu . Otvorte nový súbor v textovom editore a uložte ho na " html " . Ako rozšírenie , zadaním nasledujúci kód :



< /head >


Dobrý deň , < /div >

< /body >

< /html >

jednoducho vytvorí webovú stránku s jedným HTML element v ňom . Prvok bol priradený atribút class s názvom " off . " To indikuje stav prvku , keď používateľ nemá svoj ​​kurzor myši nad ním .
2

Vytvorte si CSS kódu . Otvorte nový súbor v textovom editore a uložte ho ako " interactivestyle.css " odrážať účel úlohy vykonáva . . Zadajte nasledujúci kód :

off . {

Color : # FF0000 ; }

nad {

color : # 0000FF ; }

Pridať odkaz do CSS súboru v sekcii head stránky HTML medzi otváranie a zatváranie hlavy tagy :

< link rel = " stylesheet " type = " text /css " href = " interactivestyle.css " />
3

Vytvorte dve funkcie jazyka JavaScript v sekcii head stránky , a to buď pred alebo po odkazu na vaše CSS súboru :

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené