layer tips

最近在完成一个在图片上标识人物,建筑等信息的项目,如何显示标签成为了一个揪心的问题。
如果新建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秒后销毁
  })

效果如下:
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值