基本的交互模式，通过鼠标触碰来显示tip，tip包含标题和正文，上面这些例子中，鼠标移开触碰点，tip立即消逝，可以通过配置`fleeting:false`来禁止tip浮层立即消逝，以便鼠标可以移动到tip浮层之上。
鼠标可移入Tip，鼠标不可移入Tip即，比较简单的模式中，常用的配置为`headerText`,`contentText`,`points`,`offsetX`,`offsetY`,`mouseHook`等，这些参数决定Tip浮层的基本行为。默认情况下的Tip的行为是触碰显示，鼠标移开触碰点立即消逝，从dom节点的title字段取数据，相对于鼠标进行定位，不会跟随鼠标移动而移动，比如触碰这里。通过如下最简单的代码来初始化。
自定义样式：触碰这里，通过`tipClass`来传入自定义样式，将会替换默认的`z-tip`。弹层会默认显示在可视范围内，即默认`smarty`取值为`true`
点击这里打开，点击空白处关闭。让浮层带有关闭按钮。点击这里下拉展开Tip，配置`effect:'slide'`，ie中默认关闭展开特效。获得焦点时显示。
点击打开浮层，但点击空白处不能关闭，只能点击关闭按钮才能关闭Tip浮层。配置`hideOnEmptyClick:false`。
触碰点接近浏览器可视范围的边缘，浮层将会自动弹出在可视范围内。若不希望自动适应可视窗口范围，需配置`smarty:false`。
Ajax获取数据，两种方法，第一种是绑定show事件，每次显示的时候都获取一下数据，另一种方式是利用配置参数`getConentText`函数和`staticContent`属性。在`getContentText`中设置要写入tip的数据，`staticContent`设置为`true`表明为一次写入的数据。第二次显示时不会再次取数据。
在这个过程中，需要注意的是Ajax过程中Tip浮层尺寸和定位的变化，当尺寸发生变化时需要重新给Tip作定位，这个工作由使用者来完成。调用方法：
self.rePosition();
如果重新定位后发现浮层内容溢出当前显示区域，可以重新渲染Tip，以便其显示在可视区域内（当然，前提是配置了`smarty:true`） :
self.rerender();
当`smarty:true`时，浮层在各个方向上显示都不在可视区域内的时候，Tip浮层默认选择一个最佳的位置显示。
由于本组件对浮层的实现，无法跟随Tip箭头，Tip的箭头只能固定十二个位置，因此当浮层弹出时有时需要为了修正箭头的位置而调整Tip浮层的位置，比如为了达到上图的效果，即箭头和触点水平对齐，需要传入`revise`参数，revise是一个函数，参数为箭头的位置，有十二种可能，参照[API页面](tip-readme.md)。用法参照上一个例子。