jQuery Tooltip
jQuery Tooltip 插件可以取代原生的工具提示框
我们可以通过调整它们的内容、位置和外观实现自定义
但我们极力推荐使用 jQuery UI 工具提示框（Tooltip）
如果想要了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，可以访问我们的 jQuery UI 工具提示框部件（Tooltip Widget）
效果图示
插件下载地址
https://github.com/iamceege/tooltipster/releases
引入 CSS 样式表
<link rel="stylesheet" href="/static/lib/jquery/tooltip/css/tooltipster.bundle.min.css" />
引入 JavaScript 脚本
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <script src="/static/lib/jquery/tooltip/js/tooltipster.bundle.min.js"></script>
HTML 代码
<img src="/static/i/jquery/geometry.jpg" class="tooltip" title="This is my image's tooltip message!" /> <span class="tooltip" title="This is my span's tooltip message!">Some text</span>
JavaScript 代码
$(document).ready(function() { $('.tooltip').tooltipster(); });
延伸阅读
- jQuery Tooltip http://iamceege.github.io/tooltipster/