代码拉取完成，页面将自动刷新
A simple customizable tooltip with confirm option and effects
<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>
<script>
$(document).ready( function(){
//Basic
$('#example').darkTooltip();
//With some options
$('#light').darkTooltip({
animation:'flipIn',
gravity:'west',
confirm:true,
theme:'light',
arrow:true
});
});
</script>
| Option | Values | Default |
|---|---|---|
| opacity | 0 – 1 | 0.9 |
| content | Tooltip message | empty |
| size | small, medium, large | medium |
| gravity | south, west, north, east | south |
| theme | dark, light | dark |
| trigger | hover, click | hover |
| animation | none, flipIn, fadeIn | none |
| confirm | true, false | false |
| yes | Label for ‘Yes’ option | ‘Yes’ |
| no | Label for ‘No’ option | ‘No’ |
| finalMessage | A message that appears at the end of the action for the confirm | ” |
| finalMessageDuration | Duration of the final message in ms | 1000 |
| onYes | Function that is triggered when clicking ‘Yes’ on confirm | empty |
| onNo | Function that is triggered when clicking ‘No’ on confirm | empty |
| arrow | true, false | true |
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。