Mouse over effect+
-
Francois - Lid geworden op: 23 mei 2003, 13:18
- Locatie: Antwerpen - Ekeren
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
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
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
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
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 zijnwaltherweymeersch 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
Toch bedankt.
-
Progger - Lid geworden op: 19 feb 2005, 16:22
- Locatie: 2845 Niel
Voor Francois:
Je kan het volgende eventueel gebruiken, Dynamische HTML: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.
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...
Een goede raad:...
Luister nooit naar goede raad...
-
Progger - Lid geworden op: 19 feb 2005, 16:22
- Locatie: 2845 Niel
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...
Een goede raad:...
Luister nooit naar goede raad...
-
Francois - Lid geworden op: 23 mei 2003, 13:18
- Locatie: Antwerpen - Ekeren
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.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.
mvg
-
hollygan - Lid geworden op: 26 apr 2003, 22:38
- Locatie: __'t Soete Waesland
FrancoisFrancois 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
Wil je de milde schenker bedanken, in naam van de 8330 andere gebruikers van dit forum
![Wink :wink:](./images/smilies/icon_wink.gif)
groeten hollygan