JavaScript kan endre stilark informasjon på en webside , slik at utseendet eller teksten på siden for å endre basert på brukerens input. Et eksempel på dette er en HTML , stil og JavaScript demonstrasjonen som gjør at en rød plate å bli flyttet rundt på siden på en tilfeldig måte som musepekeren er plassert på den. For å oppnå dette, er de posisjonelle attributter av platen endret , som musen over hendelser inntreffer . . ! Instruksjoner
en

Skriv dokument header koden

< 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" . http - equiv = " Content - Type" />
2

Skriv dokument stil kode

< stiltypen = "text /css " >

# sirkel

{

posisjon: absolutt;

z-index : 1 ;
< p > visibility: visible ;

bredde : 5.0em ;

høyde: 5.0em ;

topp: 7.0em ;

venstre: 0.5em ;

kant: 2px solid # ccc ;

- moz - border- radius: 3.5em ;

- webkit - border- radius: 3.5em ;

text-align : center ;

padding: 1.0em ;

bakgrunn: red ;

}

p {

font- størrelse: 1.2em ;

font- weight: 900 ;

color: # FFFFFF ;

}

< /style >


3

Skriv dokument javascript kode