Pagina 1 van 1

Mouseover

Geplaatst: 3 augustus 2006, 14:58
door marian
Zat ook te zoeken op internet hoe ik links met een mouseover effect kon krijgen...
Vond er o.a. deze:

(Leuk scriptje.. waarbij de een mouse-over bij bovenstaande tabel de achtergrond kleur veranderd... Uiteraard kun je je eigen gewenste kleuren eenvoudig toevoegen)

Plak dit tussen de <head> tags

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg
}
</script>


Plak dit tussen de <body> tags

<center>
<table width="380" height="30">
<tr>
<td onmouseover="bgChange('#999999')"
onmouseout="bgChange('transparent')"
bgcolor="#999999"> </td>
<td onmouseover="bgChange('#000000')"
onmouseout="bgChange('transparent')"
bgcolor="#000000"> </td>
<td onmouseover="bgChange('#FFFFFF')"
onmouseout="bgChange('transparent')"
bgcolor="#FFFFFF"> </td>
</tr>
</table>
</center>
</div>

Kan ik dit zo in mijn html tekst 'plakken' bij de eerste keer dat ik <head> tag tegenkom in de html tekst en werkt hij dan voor alle tabellinks die ik heb ingevoerd en dit dito bij de eerste <body> tag???

Of werkt dit helemaal niet in NVU :?:

Groet Marian

Geplaatst: 3 augustus 2006, 21:26
door rebil
Ziet er juist uit. Probeer het eens hé, dan weet je of het werkt.

Re: Mouseover

Geplaatst: 3 augustus 2006, 22:38
door nirwana
marian schreef:Of werkt dit helemaal niet in NVU :?:
In Nvu wordt geen Javascript-code uitgevoerd. Dat is wel zo veilig. Als je het resultaat wilt zien, dan bekijk je je webpagina even in een browser (Firefox bij voorkeur). Dan weet je direct hoe het eruit komt te zien.