<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="100">
<div align="CENTER" name="divTest" onMouseover="showtip2(this,event,'Das ist ein animierter Tooltip!');" onMouseout="hidetip2();" STYLE="cursor: hand">
<IMG SRC="1.jpg" WIDTH="269" HEIGHT="400" BORDER="0">
</div>
</tr>
</td>
</TABLE>

<script language="JavaScript">
<!-- Begin

//Browser Sniffer
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var mozup = (!document.all && document.getElementById) ? 1 : 0;

if (ie4up || mozup)
document.write('<marquee id="tooltip2" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">Das ist ein animierter Tooltip</marquee>')


function showtip2(current,e){
if (ie4up && document.readyState=="complete"){
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
if (mozup){
document.getElementById("tooltip2").style.left=e.pageX+document.body.scrollLeft+10
document.getElementById("tooltip2").style.top=e.pageY+document.body.scrollTop+10
document.getElementById("tooltip2").style.visibility="visible"
}
}

function hidetip2(){
if (ie4up)
document.all.tooltip2.style.visibility="hidden"
if (mozup)
document.getElementById("tooltip2").style.visibility="hidden"
}

// End -->
</script>

N8i (www.nightfire.ch)

Kopieren Sie bitte den Code