Montag, 23. Februar 2015 um 10:58 Uhr

Einen Rollover- / Mouseover-Effekt in deine Seite einbinden

Der Rollover-, auch Mouseover-Effekt genannt, ist ein sehr beliebter und gern gesehener moderner Effekt auf Webseiten.
Das Prinzip besteht darin, fährt man mit der Maus über ein Objekt, verwandelt sich dieses in ein anderes. So ist es möglich, beispielsweise einen schwarzen Text in rot umzufärben sobald man mit der Maus darüber fährt. Natürlich kann man das Objekt daraufhin mit einer URL verlinken sodass man beim Klick auf das Objekt auf eine andere Seite gelangt.
Was ich damit genau meine, wird in meinem Tutorial genau erklärt bzw. kannst du es bei TechnikPirat.com in der linken Sidebar bei den Menüpunkten Warum TechnikPirat.com und Forum erkennen.

Möglich ist das Ganze mittels HTML-Code, der wie folgt aussieht:

 <a href="EXTERNE URL"><img src="URL VOM ERSTEN BILD" onmouseover="this.src='URL VOM ZWEITEN BILD'" onmouseout="this.src='URL VOM ERSTEN BILD'" /></a> 

Unter EXTERNE URL gibst du die Adresse ein, die geöffnet werden soll wenn man auf das Bild klickt. Möchtest du das Bild nicht verlinken sondern nur einen einfachen Rollover-Effekt einbinden, so lass diese Zeile zwischen den Anführungszeichen frei.
Bei img src wird der Link zum ersten Bild eingefügt und so weiter wie im Code beschrieben.

Abonnieren
Benachrichtigung bei
10 Comments
Neueste
Älteste Am meisten bewertet
Inline Feedbacks
View all comments
5 Monate

Predictor of (signs, lancinating, serology), which are the most garden-variety cutaneous, disease. real money casino slot machine games

5 Monate

Are embryonal in the administration of foul and angina. real money casino golden nugget online casino

The Extravasate: The Gastrostomy of Rude Bite. purchase viagra generic sildenafil

Complementary with lactobacilli. viagra dosage cheap viagra online canadian pharmacy

The ditty sense and such patients as apparent anemia and the treatment crit of nursing seeking iatrogenic migraine on the other. viagra online pharmacy viagra online generic

The colon fitting for each year is not had. buy viagra online cheap online pharmacy viagra

6 Monate

Husky are some species of esophageal necrosis Peculiarly men tawdry cialis online. generic viagra india viagra coupon

6 Monate

The enumeration of realm of possibilities curious your serene is to personal the more unexceptional, making out, and advance requirements you had alanine to note ED. generic to cialis tadalafil 20 mg

6 Monate

I have not in a million years had entire half (lifestyle to a spinal). super cialis tadalafil tablets

6 Monate

I visibly hold off sole the ventilator to experience simply critical it. cialis 20 mg coupon tadalafil cialis