最近在完成一个在图片上标识人物，建筑等信息的项目，如何显示标签成为了一个揪心的问题。
如果新建div来显示文本未免太过麻烦，就上网搜了下。

最终找到了layer tips 这一简单的工具。

首先，需要引入layer.js

   <script src='./layer/layer.js'></script>

需要注意的是：在官网上下载的layer不能拆分，要整体放在项目目录下。

其次，就是调用方法显示 tips 层。

  layer.tips('Hello tips!', '#test5' ，{
  	tips: [3, '#0FA6D8'], 
    	//设置tips方向和颜色 类型：Number/Array，默认：2 ,有上(1)右(2)下(3)左(4)四个方向。
        tipsMore: true, 
         //是否允许多个tips 类型：Boolean，默认：false 允许多个意味着不会销毁之前的tips层。
        time:2000  
        //2秒后销毁
  })

效果如下：