How to Make ein Rollover oder Mouseover

December 16

How to Make ein Rollover oder Mouseover

Ein Rollover oder Mouseover ist ein bestimmtes Objekt auf einer Website. Dieses Objekt ändert Form, wenn Benutzer ihre Maus über das Objekt auf dem Bildschirm bewegt. Das ursprüngliche Objekt könnte z. B. ein Bild, aber wenn der Benutzer seine Maus über diese Einstiegsobjekt bewegt, das ursprüngliche Objekt verwandelt sich in ein zweites Objekt, z. B. ein zweites Bild. Eine häufigere Verwendung von Rollover-Effekten ist, verfügen über eine Schaltfläche auf einer Webseite, die aufleuchten, wenn ein Benutzer seine Maus über die Schaltfläche bewegt hat.

Anweisungen

1 Identifizieren Sie das Objekt auf Ihrer Website, für die Sie einen Rollover-Effekt haben möchten.

2 Öffnen Sie den HTML-Code für Ihre Website. Geben Sie den folgenden Code in Ihre Website:

< a href="WEBSITE.html"

onmouseover="buttondown('IMAGENAME')"

onmouseout="ButtonUp('IMAGENAME')" >

< Img Name = "BILDNAME" Border = "0" / >

</a >

Ersetzen Sie Webseite im obigen Code mit dem Namen einer bestimmten Webseite zu, und ersetzen Sie BILDNAME mit den Image-Namen, für den Sie einen Rollover-Effekt erstellen möchten.

3 Geben Sie den folgenden Code in den < Head >-Abschnitt Ihrer Web-Seite:

< Skriptsprache = "JavaScript" Type = "Text/Javascript" >

<!--

Wenn (document.images) {}

homebuttonup = new Image();

homebuttonup.src = "IMAGENAME.gif" ;

homebuttondown = new Image() ;

homebuttondown.src = "IMAGENAME2.gif" ;

}

Funktion Buttondown (Buttonname)

{

if (document.images) {

document[ buttonname ].src = eval( buttonname + "down.src" );

}

}

Funktion Buttonup (Buttonname)

{

if (document.images) {

document[ buttonname ].src = eval( buttonname + "up.src" );

}

}

-->

< / script >

Ersetzen Sie BILDNAME, durch das Bild, das Sie möchten, haben auf der Webseite angezeigt werden, wenn das Objekt nicht über eine Maus darüber verfügt. Ersetzen Sie IMAGENAME2 durch das Bild, das Sie möchten, haben auf der Webseite angezeigt werden, wenn das Objekt besitzt eine Maus drüber.

4 Speichern Sie die Webseite und laden Sie es auf Ihrem Server. Ihr Objekt müsste nun einen Rollover-Effekt.