Diesen Tipp in Originalversion zeigen.
Beweglicher Tooltip
Wenn Sie einen beweglichen Tooltip in Ihre Seite einbauen wollen, so bauen Sie in Ihre Page den Code
<body onload="start()">
<style>
. menu {position:absolute;top:-200;width: 200;padding:5;border-width: 1;border-style: solid;background: white;color:#5aa067;}
</style>
<script>
var mpos=new Array();
var mdir=new Array();
var maxmenus=1;
var delay=20;
function ausfueren(e, menu)
{
; mdir[menu]=-mdir[menu];
if(mpos[menu]<=-122)
{
if(document.layers)
{
document.layers["menu"+menu].top=e.pageY-122;
document.layers["menu"+menu].left=e.pageX;
} else
{
document.all["menu"+menu].style.top=event.y-122;
document.all["menu"+menu].style.left=event.x;
}
bewegen(menu);
}
if(mpos[menu]>=0)
bewegen(menu);
}
function bewegen(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
{
document.layers["menu"+menu].top+=mdir[menu];
document.layers["menu"+menu].clip.top=-mpos[menu];
}
else
{
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("bewegen("+menu+")", delay);
}
function start()
{
for(i=0; i {
> mpos[i]=-122;
mdir[i]=-4;
}
}
</script>
<div id="menu0" class="menu">
Dies ist ein beweglicher ToolTipp!<br>
Sieht gut aus oder?
</div>
<a href="#" onmouseover="ausfueren(event, 0)" onmouseout="ausfueren(event, 0)">Bleiben Sie über diesem Link mit Ihrem Cursor stehen!</a>
</body>
in Ihre Seite ein. (as)
Copyright (c) 2002-2005 by Andreas Schroth
URL: www.computer-tipps.net/webdesign3.html