The Sea King Posted November 10, 2007 Share Posted November 10, 2007 I want to make some links to show at the bottom as I hover over a link at the top... I'm tried to do it...but I failed... Link to comment Share on other sites More sharing options...
Ingolme Posted November 10, 2007 Share Posted November 10, 2007 At the bottom of what?1. If you want it right under the link:put this in the head of your document: <style type="text/css">.over span {display: none;}.over:hover span {display: inline;}</style> And put this wherever you like: <a href="anything.html" class="over">Some text<span><br />Some text</span></a> 2. If you want it at the bottom of the page:Put this in the head: <script type="text/javascript">function hideData() { while(document.getElementById("bottombox").childNodes.length > 0) { document.getElementById("bottombox").removeChild(document.getElementById("bottombox").childNodes[0]) }}function showData(id) { desc = "Here's a description about the link"; document.getElementById("bottombox").appendChild(document.createTextNode(desc));}</script> <div id="bottombox" style="position: absolute; bottom: 0px;"></div><a href="anything.html" id="alink" onmouseover="showData(this.id)" onmouseout="hideData()">Some text</a> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.