Skip to content

mycolorway/simple-tooltip

Repository files navigation

Simple Tooltip

一个简单的Tooltip组件。

依赖项:

使用方法

首先,需要在页面里引用相关脚本以及css

<link media="all" rel="stylesheet" type="text/css" href="path/to/tooltip.css" />
<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript" src="path/to/module.js"></script>
<script type="text/javascript" src="path/to/tooltip.js"></script>

使用tooltip方法实例化Tooltip对象:

simple.tooltip({
  el: $('.tooltip'),
  content: 'this is a tooltip',
  position: 'top'
});

API 文档

####初始化选项

el

tooltip指向对象的Selector,必选

content

String,tooltip的内容,必选

position String,tooltip出现的位置

[
  'top',
  'bottom',
  'left',
  'right'
]

方法

show()

显示tooltip

hide()

隐藏tooltip

destroy()

销毁tooltip对象