WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Kurzor-bublinová nápověda
Normální položka
Zobrazeno: 7781

Popis: U kurzoru se objeví po chvíli bublinová nápověda.
Funkčnost: IE 5.5 a vyššie
Hodnocení: ***

Následující kód můžete vložit kamkoli.
 
<script language="JavaScript">
<!--
time=window.setTimeout("zobraz()", 1000000);
function over()
{
        time=window.setTimeout("zobraz()", 500);
}
function out()
{
        window.clearTimeout(time);
}
function move()
{
        bublina.style.display="none";
        window.clearTimeout(time);
        time=window.setTimeout("zobraz()", 500);
        bublina.style.top=event.clientY+15+document.body.scrollTop;
        bublina.style.left=event.clientX+12+document.body.scrollLeft;
}
function zobraz()
{
        bublina.style.display="";
}
// -->
</script>

Následující kód si vložte dovnitř tagu <BODY>. 

OnMouseMove="move()" OnMouseOut="out()" OnMouseOver="over()"

Následující kód si vložte mezi tagy <BODY> a </BODY>. 

<div style="display: none; position: absolute; height: 50px; width: 150px;border-width: 1px; border-style: solid; border-color: #000000; background-color: #ffffcc; font-family: Verdana; font-size: 10px; color: #000000;" id="bublina">Tady mužé bý nějaký text, nápověda,...</div>