Web Demo Mobile Demo Angular Demo Vue Demo React Demo

Basic Tooltip

Hover the links to display tooltip message.

The tooltip can use each elements title attribute. Hover me to display tooltip.

源代码
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Tooltip - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>Basic Tooltip</h2>
	<p>Hover the links to display tooltip message.</p>
	<div style="margin:20px 0;"></div>
	<p>The tooltip can use each elements title attribute.
	<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a> to display tooltip.
	</p>
</body>
</html>