JavaScript pode modificar as informações de folha de estilo em cascata em uma página da Web , permitindo que a aparência ou texto de uma página a alterações com base na entrada do usuário . Um exemplo disso é um HTML, estilo e demonstração JavaScript que permite que um disco vermelho a ser movido em torno da página de forma aleatória como o cursor do mouse é colocado sobre ele. Para alcançar este objectivo , os atributos posicionais do disco são modificados , como o rato sobre eventos ocorrem . Instruções
um código de cabeçalho
Write documento
< 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 "
< tipo de estilo de código de estilo http -equiv = " Content-Type " />
2
Write documento. = "text /css" >
# círculo
{
position: absolute ;
z -index: 1;
Visibilidade : visível;
width: 5.0em ;
altura
: 5.0em ;
top : 7.0em ;
esquerda : 0.5em ;
margem: 2px solid # ccc ;
-moz- border-radius : 3.5em ;
-webkit- border-radius : 3.5em ;
text-align : center;
padding: 1.0em ;
fundo
: red; }
p { font-
size: 1.2em ;
font-weight: 900;
color: # FFFFFF ;
}
< . br>
3
Write documento código javascript
< /head>
4
Escrever código corpo do documento