1. Mouse hover display content, you can add a title directly in the label
2.js implementations
Define the ID in the label
Mouse the onmouseover property triggers the Showstatus (ID) function when the mouse pointer moves over the element
the mouse onmouseout property triggers the hiddenstatus (ID) function when the mouse pointer moves outside the element
Example: <p id= "pid" onmouseover= "Showstatus (this.id)" onmouseout= "Hiddenstatus (this.id)"></p>
<script type= "Text/javascript" ><!----------State hide title-----------> function hiddenstatus (ID) { document.getElementById (ID). style.dispaly= "None"; } <!-----------status Display title----------> function showstatus (id) { var x, y; x = Event.clientx; y = event.clienty; document.getElementById (ID). style.left=x; document.getElementById (ID). style.top=y; document.getElementById (ID). style.display= "block"; } </script>
Mouse hover label display prompt content