close

如果你覺得瀏覽器中的Tip太過陽春，可以建議你試試JQuery Tools Tip，他提供相當多種

類的 Tip 效果可以使用且功能強大。

UI效果：

2010-03-29_121310

在你的HTML加入下方CSS與DIV

#demotip {
    display:none;
    background:transparent url(images/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;    
}

<div id="demotip">&nbsp;</div>

在你的HTML加入下方JavaScript，可依需要改變 JQuery Selectors


$(document).ready(function(){    
    $("#demo td[title]").tooltip('#demotip');
});

範例檔下載：JQuery_Tools_Tip.RAR

JQuery Tools：http://flowplayer.org/tools/index.html

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 iammic 的頭像
    iammic

    簡單過生活

    iammic 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄