首页>>Jquery文字>>Ajax tooltip 动态ajax载入tips(2013-12-10)

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