Ok!
Ho modificato lo script aggiungendo la funzione disegna ed un css per il testo.
le gif le ho prese ritagliando un printscreen dal link di esempio e sono:
fum_su.gif (276x7 pixel)
fum_centro.gif (276x1 pixel)
fum_giu.gif (276x26 pixel)
<html>
<head>
<style>
.testo { margin:0 6px 0 6px;
text-align:justify;
font: 11px Arial;
color:#444; }
</style>
<script>
var esiste=0;
var hhh,divj;
window.onload=function(){ divj=document.getElementById('idfumetto'); }
document.onmousemove=posiz_mouse;
function posiz_mouse(e){ if(!e) e=window.event;
x=parseInt( (e.pageX)?e.pageX:e.clientX );
y=parseInt( (e.pageY)?e.pageY:e.clientY );
divj.style.left=(x-15)+"px";
divj.style.top=(y-hhh)+"px";
}
function fumetto(e,s){ if(!e) e=window.event;
if(!s) { esiste=0; divj.style.visibility='hidden'; return; }
divj.innerHTML=disegna("Testo da inserire nel fumetto. se ci sono degli a capi il codice va modificato.");
hhh=4+parseInt(divj.scrollHeight);
divj.style.visibility='visible';
esiste=1;
}
function disegna(testo){
var fum="<div style='width:276px;'>[img]fum_su.gif[/img]<div style='background:url(fum_centro.gif) repeat-y;'><div class='testo'>"+
testo+"</div></div>[img]fum_giu.gif[/img]"
return fum;
} //
</script>
</head>
<body>
[img]info.gif[/img]
<div id="idfumetto" style='position:absolute;visibility:visible;'></div>
</body>
</html>