Mouseover Link Follow
Provide context. This script displays the destination of a link in a dedicated text box when the user hovers over it, simulating the old-school browser status bar behavior.
Copy the Script
<script>
function showInfo(text) {
document.getElementById("statusBar").innerHTML = text;
}
function clearInfo() {
document.getElementById("statusBar").innerHTML = "Ready";
}
</script>
<a href="page.html" onmouseover="showInfo('Go to Page')" onmouseout="clearInfo()">Link</a>
<div id="statusBar">Ready</div>Frequently Asked Questions
The `title` attribute shows a tooltip after a delay. This script updates a fixed area instantly, which is better for accessibility and rapid scanning of links.
Yes. You can pass any string to the function (e.g., `showStatus('Go to Home Page')`) instead of `this.href`.
No. There is no 'hover' state on touch devices. Users tap to click immediately.