JavaScript kan ændre cascading style sheet på en webside , så udseendet eller tekst på en side til at ændre baseret på brugerens input. Et eksempel på dette er en HTML , stil og JavaScript demonstration, der gør det muligt for en rød disk, der skal flyttes rundt på siden på en tilfældig måde , som musemarkøren er placeret på den. For at opnå dette, er de positionelle attributter af skiven modificeret som musen over begivenheder indtræffer . . ! Instruktioner
1

Skriv dokumentets sidehoved kode

< 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-ækvivalent = " Content-Type " />
2

Skrivedokument style kode

< typografi = " text /css " >

# cirkel

{

position : absolute;

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

bredde: 5.0em ;

højde: 5.0em ;

top: 7.0em ;

venstre : 0.5em ; < br >

kant: 2px solid # ccc ;

- moz - border- radius: 3.5em ;

- webKit - border- radius: 3.5em ;

text- align: center;

padding: 1.0em ;

baggrund : rød ,

}

p {

font- size: 1.2em ;

font -weight : 900 ;

color: # FFFFFF ;

}

< /style >
< br >
3

Skrivedokument javascript kode