您的位置:首页 > Web前端 > JQuery

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

2012-09-20 00:00 756 查看
日期: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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息