layer Tips参数使用

最新推荐文章于 2023-05-31 22:15:39 发布

a616323863

最新推荐文章于 2023-05-31 22:15:39 发布

阅读量1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qinsilandiao/p/8282421.html

版权

layer.tips(content, follow, options) - tips层
type:4的深度定制。也是我本人比较喜欢的一个层类型，因为它拥有和msg一样的低调和自觉，而且会智能定位，即灵活地判断它应该出现在哪边。默认是在元素右边弹出

 1 <head>
 2     <meta charset="UTF-8">
 3     <title>Tip参数使用</title>
 4     <script src="jquery1.11.3.js"></script>
 5     <script src="layer/layer.js"></script>
 6 </head>
 7 
 8 <body>
 9     用户名:<input type="text" id="tips" />
10     <script type="text/javascript">
11         $('#tips').on('click', function() {
12             layer.tips('请输入用户名', '#tips', {
13                 tips: [3, '#0FA6D8'], //设置tips方向和颜色 类型：Number/Array，默认：2 tips层的私有参数。支持上右下左四个方向，通过1-4进行方向设定。如tips: 3则表示在元素的下面出现。有时你还可能会定义一些颜色，可以设定tips: [1, '#c00']
14                 tipsMore: false, //是否允许多个tips 类型：Boolean，默认：false 允许多个意味着不会销毁之前的tips层。通过tipsMore: true开启
15                 time:2000  //2秒后销毁，还有其他的基础参数可以设置。。。。这里就不添加了
16             });
17         });
18     </script>
19 </body>