Ajax tooltip 动态ajax载入tips

Ajax tooltip 动态ajax载入tips

 

演示

 

 

XML/HTML Code

1. <div id="mainContainer">  
2.     <div id="mainContent">  
3.         <table width="100%" class="productTable">  
4.             <thead>  
5.                 <th>Product</th>  
6.                 <th>Info</th>  
7.             </thead>  
8.             <tbody>  
9.                 <tr class="oddRow">  
10.                     <td>JS Calendar</td>  
11.                     <td><a href="#" onmouseover="ajax_showTooltip(window.event,'demo-pages/js-calendar.html',this);return false" onmouseout="ajax_hideTooltip()">Info</a></td>    
12.                 </tr>  
13.                 <tr class="evenRow">  
14.                     <td>Dragable boxes</td>  
15.                     <td><a href="#" onmouseover="ajax_showTooltip(window.event,'demo-pages/dragable-boxes.html',this);return false" onmouseout="ajax_hideTooltip()">Info</a></td>                 
16.                 </tr>  
17.                 <tr class="oddRow">  
18.                     <td>Ajax tooltip</td>  
19.                     <td><a href="#" onmouseover="ajax_showTooltip(window.event,'demo-pages/ajax-tooltip.html',this);return false" onmouseout="ajax_hideTooltip()">Info</a></td>               
20.                 </tr>  
21.             </tbody>  
22.         </table>  
23.         <div style="clear:both">      
24.         </div>  
25.         <div id="debug"></div>  
26.           
27.     </div>  
28. </div>  

 

原文地址:http://www.freejs.net/article_jquerywenzi_162.html