Glese Posted December 3, 2011 Share Posted December 3, 2011 <body> <div id='navigation'> <ul> <li><a href="">Front Page</a></li> <li><a href="">Second Page</a></li> <li><a href="">Third Page</a></li> </ul> </div> <div id="tooltip">This is some text.</div> <script> $('div#navigation a').hover( function() { $('div#tooltip').fadeIn(500) }, function() { $('div#tooltip').fadeOut(100) }); </script> </body> I am trying to create a tool tip for the navigation bar, above is the script so far. Any ideas how to append the div to the mouse cursor, which function is needed to achieve this? The div does appear when hovering the mouse over the navigation bar, though the puzzle piece is, to have the division fade in beneath the mouse cursor. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.