Ce qui est en jaune est tout ce que vous pouvez changer pour modifier l'apparence de la bulle.
<html> <head> <script LANGUAGE="JavaScript"> <!-- function showtip(current,e,text){ if (document.all){ document.all.tooltip.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>' document.all.tooltip.style.pixelLeft=event.clientX + document.body.scrollLeft + -75 document.all.tooltip.style.pixelTop=event.clientY + document.body.scrollTop + 20 document.all.tooltip.style.visibility="visible" } else if (document.layers){ document.tooltip.document.nstip.document.write('<b>'+text+'</b>') document.tooltip.document.nstip.document.close() document.tooltip.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) document.tooltip.left=e.pageX + -75 document.tooltip.top=e.pageY + 20 document.tooltip.visibility="show" } } function hidetip(){ if (document.all) document.all.tooltip.style.visibility="hidden" else if (document.layers){ clearInterval(currentscroll) document.tooltip.visibility="hidden" } } function scrolltip(){ if (document.tooltip.document.nstip.left >= -document.tooltip.document.nstip.document.width) document.tooltip.document.nstip.left-=3 //vitesse pour NS else document.tooltip.document.nstip.left=150 } //--> </script> </head> <body> <div id="tooltip" style="font-family:verdana ; font-size:10px ; clip:rect(0px 150px 40px 0px) ; background-color:yellow ; color:black ; position:absolute ; visibility:hidden ; width:150px"> <layer bgColor="white" width="1024" name="nstip"></layer> </div> <p align="center"> </p> </body> </html> |
Remarque: les couleurs ne fonctionnent qu'avec MSIE.