jquery插件之poshytip

Posted 2020-09-27 一棵写代码的柳树

Poshy Tip 是一个强大的jQuery 工具提示插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。

导入插件：

<script type="text/javascript" src="../js/poshytip 1.2/jquery.poshytip.min.js"></script>

html代码：

<table>
    <thead>
        <tr>
            <td>内容</td>                        
        </tr>
    </thead>

    <tbody>
        <xsl:for-each select="/LIST/ROWSET/ROW">     
                   <tr>
                          <td>
                                  <div>
                                         <xsl:attribute name="title">
                                              <xsl:value-of select="C_CONTENT"/>
                                         </xsl:attribute>
                    <xsl:value-of select="C_CONTENT"/>    
                                  </div>
                           </td>
                   </tr>        
        </xsl:for-each>
    </tbody>
</table>              

js代码：

$(".content").poshytip();

搞定。

详细教程：http://vadikom.com/demos/poshytip/