一个简单的Tooltip组件。
依赖项:
- JQuery 2.0+
- Simple Module
首先,需要在页面里引用相关脚本以及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'
});
####初始化选项
el
tooltip指向对象的Selector,必选
content
String,tooltip的内容,必选
position String,tooltip出现的位置
[
'top',
'bottom',
'left',
'right'
]
show()
显示tooltip
hide()
隐藏tooltip
destroy()
销毁tooltip对象