Scrollendes Infofenster

Einen normalen Tooltipp erreicht man einfach und schnell mit
dem Befehl ALT.

Bei diesem Script sieht es jedoch ein wenig eleganter aus.
Beim Berühren des Links mit der Maus wird ein kleines
Hinweisfenster aufgescrollt indem dann die Informationen stehen.

Hier mit der Maus drüberfahren

HTML-Einbindung
   <style type="text/css"> div.menu { position:absolute; top:-200px; width:200px; padding:5px; border:1px #ABB5BD solid; background-color:#F1F5F9; color:#000000 } </style> <script language="JavaScript" type="text/javascript"> var delay=20; // Geschwindigkeit var maxmenus=1; // Anzahl der Infofenster var mpos=new Array(); var mdir=new Array(); function do_menu(e, menu) { mdir[menu]=-mdir[menu]; if(mpos[menu]<=-122) { document.all["menu"+menu].style.top=event.y-122; document.all["menu"+menu].style.left=event.x; move_menu(menu); } if(mpos[menu]>=0) move_menu(menu); } function move_menu(menu) { mpos[menu]+=mdir[menu]; document.all["menu"+menu].style.top=parseInt(document.all["menu"+menu].style.top)+mdir[menu]; document.all["menu"+menu].style.clip="rect("+(-mpos[menu])+",auto,auto,auto)"; if(mpos[menu]>-122 && mpos[menu]<0) setTimeout("move_menu("+menu+")", delay); } function init() { for(i=0; i<maxmenus; i++) { mpos[i]=-122; mdir[i]=-4; } } window.onload=init; </script> <div id="menu0" class="menu"> <p><b>Infofenster</b></p> <p>Dies ist ein scrollendes Infofenster</p> </div> <a href="javascript:;" onmouseover="do_menu(event, 0);" onmouseout="do_menu(event, 0);">Hier mit der Maus drüberfahren</a>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"