Simple Tip With SharePointDate Updated: 02/17/2009
This JQuery solution provides a tool tip for any link that you identify. If you use the .js file then you will need to have .css file as well. If you load the webpart are parts are included, or paste in the code below into a CEWP.
Code:
  1. <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"></script>
  2. <script type="text/javascript" src="http://jquery-simpletip.googlecode.com/files/jquery.simpletip-1.3.1.js"></script>
  3. <style type="text/css">
  4.  
  5. .tooltip{
  6.    position: absolute;
  7.    width: 250px;
  8.    padding: 10px 13px;
  9.    z-index: 2;
  10.    
  11.    color: #303030;
  12.    background-color: #dce5e4;
  13.    border: 2px solid #7bb2ac;
  14.    
  15.    font-family: sans-serif;
  16.    font-size: 12px;
  17.    line-height: 18px;
  18.    text-align: left;
  19. }
  20.            
  21. .tooltip-simple .content{
  22.    width: 140px;
  23.    padding: 3px 7px;
  24.    
  25.    border: 1px solid #ddd;
  26.    background-color: white;
  27. }
  28.  
  29. .tooltip-blue .content{
  30.    width: 160px;
  31.    padding: 9px;
  32.    margin: 0 -5px;
  33.    
  34.    -moz-border-radius: 6px;
  35.    -webkit-border-radius: 6px;
  36.    border: 7px solid #448FD8;
  37.    
  38.    background-color: #5FADFA;
  39.    color: white;
  40. }
  41. </style>
  42.  
  43. <script type="text/javascript">
  44. $(document).ready(function(){
  45.  
  46. /*
  47. * Add two lines for each link, one for Link and one for tool Tip.
  48. * Add a sequential number to each variable name.
  49. * Link must be exact or it will not work.
  50. */
  51.  
  52.     var link1 = '"ADD LINK HERE"';
  53.     var tip1 = 'ADD TOOL TIP HERE (THIS CAN BE HTML)';
  54.    
  55. // Add a line for each link and tip added above
  56.  
  57. $("[href="+link1+"]").simpletip({content: tip1, offset: [50,0] });
  58.  
  59.  
  60. });
  61. </script>
  62.