JavaScript peut modifier en cascade des informations de feuille de style sur une page Web , permettant à l'apparence ou le texte d'une page de changer en fonction des commentaires des utilisateurs. Un exemple de ceci est une démonstration HTML , le style et JavaScript qui permet à un disque rouge pour être déplacé autour de la page de façon aléatoire lorsque le curseur de la souris est placé sur elle. Pour y parvenir, les attributs de position du disque sont modifiés, comme la souris sur les événements se produisent . . ! Instructions
1
Write document de tête de code
< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Strict //EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> Photos
< html content = "text /html ; charset = utf-8" de type http -equiv = " Content-Type " />
2
Write document de code de style
< section. = " text /css" > Photos
# circle of
{
position de
: absolute;
z -index: 1;
< p > visibility: visible ;
largeur de
: 5.0em ;
hauteur de
: 5.0em ;
top : 7.0em ;
gauche : 0.5em ;
frontière
: 2px solid # ccc ;
-moz -border-radius : 3.5em ;
-webkit -border-radius : 3.5em ;
text-align : center;
padding: 1.0em ;
background: red ; }
p { font-
taille: 1.2em ;
font-weight: 900 ;
color: # FFFFFF ;
}
Photos
3
Write document de code javascript
Photos
4
Write document de référence du corps
< p>
Photos
Photos
