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

运行范例 »

延伸阅读

  1. jQuery Tooltip http://iamceege.github.io/tooltipster/
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.