Mouse over effect+

Vragen/antwoorden betreffende het maken van je eigen website.

Francois
Lid geworden op: 23 mei 2003, 13:18
Locatie: Antwerpen - Ekeren

20 okt 2005, 11:13

Beste,

Welke code moet men instellen om als men bievoorbeeld een mouse-over doet bij een woord,b.v ,als de muis op een bepaald woord komt opent een venster met enklele woorden verklarende uitleg en en bij mouse-out weer verdwijnt? liefst geen pop-up.

met dank

waltherweymeersch
Lid geworden op: 06 mei 2005, 17:59

20 okt 2005, 12:43

Beste,

ik heb het volgende gebruikt:

<a href="brasschaat1.jpg" target="_blank">
<img alt="Wandeling Brasschaat" src="brasschaat1.jpg" width="245" heigth="00" align="left"></a>

Waarbij "brasschaat1.jpg" de foto is warr de tekst bij komt te staan.

Wally

Francois
Lid geworden op: 23 mei 2003, 13:18
Locatie: Antwerpen - Ekeren

20 okt 2005, 12:59

waltherweymeersch schreef:Beste,

ik heb het volgende gebruikt:

<a href="brasschaat1.jpg" target="_blank">
<img alt="Wandeling Brasschaat" src="brasschaat1.jpg" width="245" heigth="00" align="left"></a>

Waarbij "brasschaat1.jpg" de foto is warr de tekst bij komt te staan.

Wally
Zo iets had ik hier op het forum ook al gevonden,maar ik wil het zonder foto, i.p.v. een foto moet het een woord zijn
Toch bedankt.

Progger
Lid geworden op: 19 feb 2005, 16:22
Locatie: 2845 Niel

20 okt 2005, 17:34

Voor Francois:
Zo iets had ik hier op het forum ook al gevonden,maar ik wil het zonder foto, i.p.v. een foto moet het een woord zijn
Toch bedankt.
Je kan het volgende eventueel gebruiken, Dynamische HTML:

Code: Selecteer alles

<html><head><title>...</title>
</head><body>
<h1 id="Test"
 onMouseover="this.innerHTML='Ziet u?'"
 onMouseout="this.innerHTML='Ik ben dynamisch'">Ik ben dynamisch</h1>
</body></html>

Vervang dan wel "h1" door "p", als het een woord in een alinea betreft.
Progger

Een goede raad:...
Luister nooit naar goede raad...

Progger
Lid geworden op: 19 feb 2005, 16:22
Locatie: 2845 Niel

21 okt 2005, 00:15

Hier nog een duidelijker voorbeeld voor het dynamisch aanpassen van bepaalde woorden binnen een alinea door middel van onMouseover:

Code: Selecteer alles

<p>Hier staat de normale tekst, en nu wordt de volgende tekst, of woord, (hier de woorden Ik ben dynamisch) bij onMouseover dynamisch aangepast met:

<span id="Test" style="color:maroon; font-weight:bold"
 onMouseover="this.innerHTML='Ziet u?'"
 onMouseout="this.innerHTML='Ik ben dynamisch'">Ik ben dynamisch</span>.

Daarna loopt de tekstalinea gewoon door. Ik heb de te veranderen woorden voor de duidelijkheid hier ook bruin gekleurd.</p>

Plak dit voorbeeldje maar eens in een testpagina (HTML) in de body, en je ziet bij onMouseover de blauwe tekst daadwerkelijk veranderen. Laat eens weten of het jou heeft geholpen bij je vraag.
Progger

Een goede raad:...
Luister nooit naar goede raad...

Francois
Lid geworden op: 23 mei 2003, 13:18
Locatie: Antwerpen - Ekeren

21 okt 2005, 11:32

Progger schreef:Hier nog een duidelijker voorbeeld voor het dynamisch aanpassen van bepaalde woorden binnen een alinea door middel van onMouseover:

Code: Selecteer alles

<p>Hier staat de normale tekst, en nu wordt de volgende tekst, of woord, (hier de woorden Ik ben dynamisch) bij onMouseover dynamisch aangepast met:

<span id="Test" style="color:maroon; font-weight:bold"
 onMouseover="this.innerHTML='Ziet u?'"
 onMouseout="this.innerHTML='Ik ben dynamisch'">Ik ben dynamisch</span>.

Daarna loopt de tekstalinea gewoon door. Ik heb de te veranderen woorden voor de duidelijkheid hier ook bruin gekleurd.</p>

Plak dit voorbeeldje maar eens in een testpagina (HTML) in de body, en je ziet bij onMouseover de blauwe tekst daadwerkelijk veranderen. Laat eens weten of het jou heeft geholpen bij je vraag.
Heel erg bedank,dit werkt,en zal mischien ook nog van pas komen,maar via de privé mail heb ik iets gekregen wat ik echt nodig had,deze code geeft bij "mouse over" een geel vakje met een vraagteken en daar kan ik verklarende uitleg in plaatsen.
mvg

hollygan
Lid geworden op: 26 apr 2003, 22:38
Locatie: __'t Soete Waesland

21 okt 2005, 13:36

Francois schreef: Heel erg bedank,dit werkt,en zal mischien ook nog van pas komen,maar via de privé mail heb ik iets gekregen wat ik echt nodig had,deze code geeft bij "mouse over" een geel vakje met een vraagteken en daar kan ik verklarende uitleg in plaatsen.
mvg
Francois
Wil je de milde schenker bedanken, in naam van de 8330 andere gebruikers van dit forum :wink:

groeten hollygan