Le coordinate dello schermo di un elemento sono specificati nella sua dichiarazione di stile e memorizzati dal browser all'interno del Document Object Model ( DOM) della pagina HTML visualizzata. Ogni elemento all'interno del DOM è data una stringa di identità ( ID ) . Un codice JavaScript può accedere a un elemento particolare con questa stringa di identità come punto di riferimento e può ottenere i valori particolari per la 'sinistra' e le coordinate 'top' degli elementi all'interno della finestra del browser . Cose che ti serviranno
Text Editor
Browser Web
Show More Istruzioni
1
Aprire un nuovo file nell'editor di testo e salvarlo come " coordinates.HTML ". Scrivere o copiare il codice della dichiarazione documento HTML nel file :
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "
"http://! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
2
scrivere o copiare il codice HTML
nel file :
Element Coordinate < /title> . <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <br> <p> < tipo style = "text /css " > <br> <p> # box <br> <p> { <br> posizione <p> : absolute ; <p> <br> z -index : 1 ; <br> visibilità <p> : visibile ; < br larghezza > <p> : 10.0em ; <br> altezza <p> : 5.0em ; <br> <p> top : 1.0em ; <br> <p> sinistra : 1.0em ; <br> confine <p> : 2px solid # ccc ; <br> <p> -moz - border-radius : 0.5em ; <br> <p> - webkit - border-radius : 0.5em ; <br> <p> text -align: center ; <br> <p> padding: 1.0em ; <br> <p> } <br> <p> p { <br> <p> font-size : 1.2em ; <br> <p> font-weight : 900 ;
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181870.html' >Come modificare un PHP ad un JS </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181874.html' >Come ruotare il testo con JavaScript </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192756.html" target="_blank">Come leggere i dati da Access utilizzando Vb </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192556.html" target="_blank">Come leggere un PC Numero di telaio in Visual Basic </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1183840.html" target="_blank">Come utilizzare una tabella PHP Invece di Frames </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1183536.html" target="_blank">Come creare PHP per email un modulo Utilizzo di Dreamweaver CS5 </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192456.html" target="_blank">Come usare gli array in Visual Basic </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175500.html" target="_blank">Come copiare il pulsante di codice per l'incorporamento </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1191466.html" target="_blank">Come inserire il controllo Calendar in un documento utilizzando Macro </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176684.html" target="_blank">Come posso convertire i file Creatore Calendario </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1182336.html" target="_blank">Come rimuovere una barra degli indirizzi in HTML </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181506.html" target="_blank">Come fare un Dockable Menu con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181750.html" target="_blank">Come aggiornare letterale JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181620.html" target="_blank">Cinque punte Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182198.html" target="_blank">Come comunicare con un server NTP utilizzando Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181866.html" target="_blank">Come modificare una lettera in Acajoom </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181694.html" target="_blank">Lightbox Vs . Lightbox 2 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181682.html" target="_blank">Struts nascosti in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182450.html" target="_blank">Come diagnosticare problemi con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182364.html" target="_blank">Come creare i colori della vernice </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>