layer.tips(content, follow, options) - tips层
type:4的深度定制。也是我本人比较喜欢的一个层类型，因为它拥有和msg一样的低调和自觉，而且会智能定位，即灵活地判断它应该出现在哪边。默认是在元素右边弹出
<head>
<meta charset="UTF-8">
<title>Tip参数使用</title>
<script src="jquery1.11.3.js"></script>
<script src="layer/layer.js"></script>
</head>
<body>
<br />
<br />
<br />
用户名:<input type="text" id="tips" />
<script type="text/javascript">
$('#tips').on('click', function() {
layer.tips('请输入用户名', '#tips', {
tips: [3, '#0FA6D8'], //设置tips方向和颜色 类型：Number/Array，默认：2 tips层的私有参数。支持上右下左四个方向，通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色，可以设定tips: [1, '#c00']
tipsMore: false, //是否允许多个tips 类型：Boolean，默认：false 允许多个意味着不会销毁之前的tips层。通过tipsMore: true开启
time:2000 //2秒后销毁，还有其他的基础参数可以设置。。。。这里就不添加了
});
});
</script>
</body> layer.tips('可以发html代码哦', '依附在谁旁边', {
tips: [1, '#F0F0F0'],
time: 10000,
area: ['auto', 'auto']//这个属性可以设置宽高 auto 表示自动
}); 运行效果:
layer ui插件显示tips时，修改字体颜色
今天做调查问卷，又遇到一个蛋疼小问题，记录下。
调查问卷有很多选项是要求必填的，如果不填的话，需要给出友好的提示。用的如下组件：http://layer.layui.com/
1、之前一直默认用的：
<script src="/assets/js/layer/layer.js"></script>
function showMessage(msg, domObj) {
layer.tips(msg, domObj,{tips:3});//弹出框加回调函数
}
showMessage("选项不能为空", $(this));效果如下：
2、ui过来看了下之后，说太丑，要换成白色背景，红色字体
可是查看了半天的官方文档，只看到了修改背景颜色的配置项，没找到改字体色的配置项：
勉强修改背景色后如下：
function showMessage(msg, domObj) {
layer.tips(msg, domObj,{tips:[3,"red"]});//弹出框加回调函数
}
3、最后实在无语，说搞不了，后边同事折腾了一会，过来提供了如下方案：
function showMessage(msg, domObj) {
layer.tips("<span style='color:red'>"+msg+"</span>", domObj,{tips:[3,'#fff']});//弹出框加回调函数
}
好吧，背景色还是可以改的。。。有时候说不行，只是没想到而已
1067
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
