JavaScript können Cascading Stylesheet Informationen auf einer Webseite zu ändern , so dass ein Bild auf verschiedenen Positionen auf der Seite verschoben werden , basierend auf Benutzereingaben . Ein Beispiel hierfür ist ein HTML- , Stil -und JavaScript- Demonstration, die ein Bild auf der Seite in einer zufälligen Weise bewegt werden, wie sich der Mauszeiger auf sie gesetzt wird ermöglicht . Um dies zu erreichen, werden die Positionsdaten Attribute des Bildes modifiziert, wie Maus -over Ereignisse eintreten. Things You
Texteditor
Browser
brauchen anzeigen Weitere Anweisungen
1
Öffnen Sie ein neues Dokument im Texteditor . Speichern Sie die Datei als " moveimage.html . "
2
Write Dokument Header-Code
< DOCTYPE html PUBLIC " - . ! //W3C //DTD XHTML 1.0 Strict //EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns = " http://www .w3.org/1999/xhtml " >
Bild verschieben < meta content = " text /html ; . charset = UTF-8 "http -equiv = " Content-Type "/>
3
Write Dokument Artcode
< style type = "text /css" >
# Bild
{
position: absolute;
z -index: 0;
Sichtbarkeit : sichtbar ;
top: 10em ;
links: 10em ;
Breite : 5em ;
Höhe : 5em
}
< /style>
4
Write Dokument JavaScript-Code.
