Mouseover Help Box
<script>
var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;
function ShowHelpbox(texte) {
contenu=""+texte+"
";
var finalPosX=posX-xOffset;
if (finalPosX<0) finalPosX=0;
if (document.layers) {
document.layers["bulle"].document.write(contenu);
document.layers["bulle"].document.close();
document.layers["bulle"].top=posY+yOffset;
document.layers["bulle"].left=finalPosX;
document.layers["bulle"].visibility="show";}
if (document.all) {
bulle.innerHTML=contenu;
document.all["bulle"].style.top=posY+yOffset;
document.all["bulle"].style.left=finalPosX;
document.all["bulle"].style.visibility="visible";
}
else if (document.getElementById) {
document.getElementById("bulle").innerHTML=contenu;
document.getElementById("bulle").style.top=posY+yOffset;
document.getElementById("bulle").style.left=finalPosX;
document.getElementById("bulle").style.visibility="visible";
}
}
function getMousePos(e) {
if (document.all) {
posX=event.x+document.body.scrollLeft;
posY=event.y+document.body.scrollTop;
}
else {
posX=e.pageX;
posY=e.pageY;
}
}
function HideHelpBox() {
if (document.layers) {document.layers["bulle"].visibility="hide";}
if (document.all) {document.all["bulle"].style.visibility="hidden";}
else if (document.getElementById){document.getElementById("bulle").style.visibility="hidden";}
}
function InitHelpBox(ColTexte,ColFond,ColContour,NbPixel) {
IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
document.write(" ");
}
if (document.all) {
document.write("");
document.onmousemove=getMousePos;
}
else if (document.getElementById) {
document.onmousemove=getMousePos;
document.write("");
}
}
</script>
<script>InitHelpBox("#003366","#cccccc","#000000",1);</script>
Mouse over ths link below to see what apear
Test Help box content')" onMouseOut="HideHelpBox()">First Test Link
html code,
multilines
and
more !!
')" onMouseOut="HideHelpBox()">Second test link
search website,easier, faster.
We share other scripts...
')" onMouseOut="HideHelpBox()">www.4wsearch.com
Genelde js dosyaları vs olduğu için tek başlarına değiller onları koymaya gerek yoktur :)
Bir kaç çeşitte kendim yazdım örneklere bakarak ama onlarda negatif