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条内容
所有评论(0)