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

layer

时间:2017-04-01 00:49:17      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:glob   create   link   contain   风格   content   lob   htm   cli   

技术分享

 

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<link rel="stylesheet" type="text/css" href="bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="layer/css/global.css">

<script type="text/javascript" src="layer/jquery.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript">
$(function(){
console.log(‘aaaaaaaa‘);
// layer.open({
// type: 1,
// content: ‘传入任意的文本或html‘ //这里content是一个普通的String
// });
$(".tip").click(function(){
// layer.msg(‘提交成功‘);
layer.msg(‘提交成功‘, {icon: 2});
});

$(".create_folder").click(function(){
// layer.prompt({
// title: ‘输入任何口令,并确认‘,
// formType: 1 //prompt风格,支持0-2
// }
// );


layer.open({
type: 1,
area: [‘600px‘, ‘360px‘],
shadeClose: true, //点击遮罩关闭
content: ‘\<\div style="padding:20px;">自定义内容\<\/div>‘
});
});
$(".tip2").on(‘click‘,function(){
layer.tips(‘Hello tips!‘, ‘.tip2‘);
})
})
</script>
<body>
<div class="container">
<button type="button" class="btn btn-default tip">提示</button>
<button type="button" class="btn btn-default tip2">提示2</button>
<button type="button" class="btn btn-default create_folder">新建文件夹</button>

<button type="button" class="btn btn-blue btn-effect">选购</button>
</div>

</body>
</html>

layer

标签:glob   create   link   contain   风格   content   lob   htm   cli   

原文地址:http://www.cnblogs.com/suxiaolong/p/6654188.html

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