【文件属性】:
文件名称:Tooltip:基本的鼠标悬停工具提示脚本
文件大小:8KB
文件格式:ZIP
更新时间:2021-04-27 15:04:31
HTML
Tooltip.js
基本的鼠标悬停工具提示脚本
此工具提示脚本是如何使用数据属性向DOM元素添加工具提示功能的基本示例。 通过读取title属性为每个元素创建工具提示。 另外,可以通过将JSON选项字符串传递到data属性来配置工具提示偏移量。 这个概念来自并提供了快速的可扩展性。
以下是一些关键事实,应简要概述什么是Tooltip.js及其工作方式:
通过HTML和数据属性进行配置
可通过CSS定制
可扩展(JavaScript代码约为100行)
在所有主流浏览器和Internet Explorer 9+中运行
没有外部依赖
因此,该脚本非常基础,可以扩展各种功能。 这将是一个学习示例,说明如何通过使用数据属性和解析JSON字符串选项来实现工具提示功能。
演示版
您可以检查此软件包中包含的 。 这也是Tooltip.js的网站。
用法
您只需要在站点HTML代码中包含JavaSc
【文件预览】:
Tooltip-master
----css()
--------styles.css(5KB)
--------tooltip.css(173B)
----example.html(6KB)
----js()
--------Tooltip.js(4KB)
----LICENSE(1KB)
----README.md(3KB)