|
Le coordonnées d'écran d'un élément sont spécifiés dans sa déclaration de style et stockés par le navigateur dans le Document Object Model ( DOM) de la page HTML affichée . Chaque élément dans le DOM est donnée à une chaîne d'identité (ID ) . Un code JavaScript peut accéder à un élément particulier de cette chaîne d'identité comme une référence et peut obtenir les valeurs particulières de la «gauche» et les coordonnées "top" des éléments dans la fenêtre du navigateur . Choses que vous devez
texte éditeur
navigateur Web
Afficher plus Instructions
1 Ouvrez un nouveau fichier dans l'éditeur de texte et l'enregistrer comme " coordinates.HTML ». Écrire ou copier ce document code de déclaration HTML dans le fichier: Photos < DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Strict //EN"
"http://! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> Photos < br > Page 2 enregistrer ou de copier ce code HTML dans le fichier: Photos
élément Coordonnées . Photos
< style type = " text /css" > Photos # box
{
de position de : absolute;
z -index: 1; visibilité de Photos : visible ;
largeur de : 10.0em ;
hauteur de : 5.0em ;
top : 1.0em ;
gauche : 1.0em ;
frontière : 2px solid # ccc ;
-moz -border-radius : 0.5em ;
-webkit -border-radius : 0.5em ;
text-align : center; Photos padding: 1.0em ; }
p {
font-size: 1.2em ;
font-weight: 900 ;
color: # 000000 ; }
Photos Photos
3 enregistrer ou de copier ce code HTML code dans le fichier : Photos
< br > me toucher!
Photos Photos Photos ;
4 Sauvegardez le fichier et l'ouvrir dans le navigateur Web . Touchez l' élément et il va passer à un nouveau poste au sein de la fenêtre du navigateur et affiche les valeurs de coordonnées 'gauche' et 'top' .
|
