jquery外掛程式之poshytip

標籤：lis   val   外觀   詳細教程   不同的   ble   代碼   內容   sel   

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/

 

jquery外掛程式之poshytip