輕量級工具提示jQuery插件 - Tooltipster

日期：2012-9-20  來源：GBin1.com

在線演示

Tooltipster是一個輕量級的jQuery工具提示插件，可以快速的幫助你生成漂亮的工具提示。

主要特性

• 工具提示支持HTML標簽內容
• 輕量級
• 靈活高效
• 樣式定義簡單，100%的CSS
• 支持3種主題
• 支持firefox，Chrome，IE7/8/9，Opera，Safari

如何使用

HTML 

<h1 class="tooltip" title="This is my image's tooltip message!">Click here</h1>

Javascript

$('.tooltip').tooltipster({
    animation: 'slide',             // Default: fade
    arrow: true,                // Default: true
    arrowColor: '',             // Default: tooltip's background color
    delay: 200,                 // Default: 200
    fixedWidth: 400,                // Default: 0
    followMouse: true,              // Default: false
    offsetX: 0,                 // Default: 0
    offsetY: 0,                 // Default: 0
    overrideText: '',               // Default: ''
    position: 'bottom-right',           // Default: top
    speed: 500,                 // Default: 100
    timer: 0,               // Default: 0
    tooltipTheme: '.my-custom-theme'        // Default: '.tooltip-message'
});

來源：輕量級工具提示jQuery插件 - Tooltipster