jQuery自定义工具提示插件DarkTooltip

所属分类：UI-工具提示

42170 360 查看评论 (6)

分享到微信朋友圈

查看演示立即下载

插件描述：jQuery自定义工具提示插件DarkTooltip

用法

<html>
<link rel="stylesheet" href="darktooltip.css">
<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.darktooltip.js"></script>
 
<div style="padding:200px;">
    <a href="#" id="example" data-tooltip="Hello world 1">Example 1</a>
    <a href="#" id="light" data-tooltip="Hello world 2">Example 2</a>
</div>
</html>

<script>
$(document).ready( function(){
	
	//Basic
	$('#example').darkTooltip();
	
	//With some options
	$('#light').darkTooltip({
		animation:'flipIn',
		gravity:'west',
		confirm:true,
		theme:'light',
		trigger:'click'
	});
});
</script>

选项

opacity 透明度 0-1 0.9

content Tooltip message 工具提示消息空

size small, medium, large 小型、中型、大型介质

gravity south, west, north, east 重力南、西、北、东南

theme 主题 dark, light 暗，光黑暗

trigger 触发器 hover, click 将鼠标悬停，请单击悬停

animation 动画无，flipIn，fadeIn false

confirm 确认为 true，false false

yes 是标签为 Yes 选项的 ' 是 '

no '没有' 选项标签否

finalMessage 在确认的操作结束时显示的消息 ''