jQuery Tooltip

jquery Tooltip 插件可以取代原生的工具提示框

我们可以通过调整它们的内容、位置和外观实现自定义


插件下载地址

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();
});

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/11_726