簡單的自定義 jQuery Tooltip 插件：DarkTooltip

jopen 10年前發布 | 42K 次閱讀 jQuery Tooltips jQuery插件 DarkTooltip

DarkTooltip 是個簡單的自定義 jQuery Tooltip 插件，帶有確認選項和 3D 效果。在線演示

<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>

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

</html>