Archief - HTML : onmouseover effecten

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

lord_augustus

Legacy Member
hoe kan ik in nvu een onmouseover effect laten werken

ik ben een site aan het maken voor mijn zus
en de knoppen zou ik graag laten indrukken als je er met de muis over gaat

ik heb voor de knoppen al een gewoon exemplaar
en een ingedrukt exemplaar

[BAT] Hydra

Legacy Member
lord_augustus zei:
ik heb het al gevonden close deze maar

Best post je dan het antwoord hier in deze thread zodat anderen na jou gemakkelijker geholpen kunnen worden ;) .

Smoerf

Legacy Member
oftwel in je css:
(voorbeeld)
Code:
img.thumbnail{
border:2px solid #fff;
}

img.thumbnail:hover{
border:2px solid #0cf;
}

Maar bovenstaande code werkt natuurlijk niet in IE dus best als volgt

HTML:
...
<img src="i/thumb1.gif" width="90px" height="90px" alt="" id="thumb1" onmouseover="imagehover('thumb1', 'hover');" onmouseout="imagehover('thumb1', 'out');" class="thumb" />
...

css:
Code:
img.thumb{
border:2px solid #fff;
}

img.thumbhover{
border:2px solid #0cf;
}

javascript
Code:
function imagehover(image, action){
   if (document.getElementById(image)){
      var pic = document.getElementById(image);
      if (action == 'hover'){
         pic.style.className = "thumbhover";
      }else{
         pic.style.className = "thumb";
      }
   }
}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan