如果你覺得瀏覽器中的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

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