轻量级工具提示jQuery插件 - Tooltipster

来源：互联网发布：nginx 为啥加lua 编辑：程序博客网时间：2024/05/22 16:54

日期：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: fadearrow: true,// Default: truearrowColor: '',// Default: tooltip's background colordelay: 200, // Default: 200fixedWidth: 400,// Default: 0followMouse: true, // Default: falseoffsetX: 0,// Default: 0offsetY: 0,// Default: 0overrideText: '',// Default: ''position: 'bottom-right', // Default: topspeed: 500, // Default: 100timer: 0,// Default: 0tooltipTheme: '.my-custom-theme'// Default: '.tooltip-message'});

使用非常简单，希望大家喜欢！

来源：轻量级工具提示jQuery插件 - Tooltipster