probiere es mal damit:
<span style=color:red onmouseover="document.bild.style.display='block'; for(var i=0; i < 100; i++){document.bild.width=i+'%'}" onmouseout="document.bild.style.display='none'">LINK ODER EINFACH NUR TEXT<img src=bild.jpg name=bild style="position:absolute;display:none;"></span>
Das wäre ein reiner Mouse-Over-Effeckt.
Mit dem Größer-Werden sieht's so aus:
<script language="javascript">
var i = 0;
var enlarge;
function vergroessern(){
document.bild.style.width=i+'%';
document.bild.style.display='block';
i++;
if(i >= 100){
window.clearInterval(enlarge);
i = 0;
}
}
</script>
<span style=color:red onmouseover="enlarge = window.setInterval('vergroessern()', 150)" onmouseout="document.bild.style.display='none'; window.clearInterval(enlarge); i=0">LINK ODER EINFACH NUR TEXT<img src=bild.jpg name=bild style="position:absolute;display:none;"></span><br>
Wenn es schneller oder langsamer gehen soll dann einfach die 150 ändern.