Mouseover


In computing, a done with “<abbr title=”.">mouseover, mouse hover or hover box is a graphical control element that is activated when the user moves or hovers the pointer over a trigger area, usually with a mouse, but also possible with a digital pen. Mouseover control elements are common in web browsers. For example, hovering over a hyperlink triggers the mouseover control element to display a URL on the status bar. Site designers can define their own mouseover events using JavaScript or Cascading Style Sheets.
Mouseover events are frequently used in web design and graphical user interface programming.

Tooltip

A special usage of mouseover event is a tooltip which shows a short description of the object under the pointer. The tooltip appears only after the mouse or stylus is held over the object for a certain amount of time.
On images, these may be produced using the HTML title attribute.

Examples





// JavaScript code without any framework
function myMessage
if
else if
else


// jQuery example. It degrades well if JavaScript is disabled in the client browser.
$.mouseover);