Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come modificare i CSS con JavaScript

JavaScript in grado di modificare le informazioni del foglio di stile CSS in una pagina Web , consentendo l'aspetto o il testo di una pagina di cambiare in base all'input dell'utente . Un esempio di questo è un HTML , stile e JavaScript dimostrazione che permette un disco rosso per essere spostata la pagina in un modo casuale come il cursore del mouse viene posizionato su di esso. Per ottenere ciò, gli attributi posizionali del disco vengono modificati, come mouse su eventi si verifica . . Istruzioni
1

Scrivi documento codice intestazione

< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">

< html content = "text /html ; charset = utf- 8" di tipo http - equiv = " Content-Type" >
2

scrittura di codice di stile /documento

< style . = "text /css " >

# cerchio

{
posizione

: absolute ;


z -index : 1 ;

Visibilità : visibile ;
larghezza

: 5.0em ;
altezza

: 5.0em ;

top : 7.0em ;

sinistra : 0.5em ; < br confine >

: 2px solid # ccc ;

-moz - border-radius : 3.5em ;

- webkit - border-radius : 3.5em ;

text -align: center ;

padding: 1.0em ;

sfondo : rosso ;

}

p { font-

formato : 1.2em ;

font- weight: 900 ;

 

Programmazione © www.354353.com