码迷,mamicode.com
首页 > 其他好文 > 详细

layer Tips参数使用

时间:2018-01-14 12:10:34      阅读:1920      评论:0      收藏:0      [点我收藏+]

标签:设定   tle   style   参数   jquer   XML   rip   inpu   number   

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>

 

 

layer Tips参数使用

标签:设定   tle   style   参数   jquer   XML   rip   inpu   number   

原文地址:https://www.cnblogs.com/mylovemygirl/p/8282421.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!