mirror of https://github.com/layui/layui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.0 KiB
47 lines
1.0 KiB
|
|
|
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|
<title>layer弹层 - layui</title> |
|
|
|
<link rel="stylesheet" href="../src/css/layui.css"> |
|
|
|
<style> |
|
body{padding: 50px 100px;} |
|
</style> |
|
</head> |
|
<body> |
|
|
|
<button class="layui-btn demo" data-type="test">测试一</button> |
|
<button class="layui-btn demo" data-type="test2">测试二</button> |
|
|
|
<script src="../src/layui.js"></script> |
|
<script> |
|
layui.use('layer', function(){ |
|
var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句 |
|
|
|
//触发事件 |
|
var active = { |
|
test: function(){ |
|
layer.alert('你好么，体验者'); |
|
} |
|
,test2: function(){ |
|
layer.open({ |
|
type: 2 |
|
,content: 'http://fly.layui.com/' |
|
,area: ['375px', '500px'] |
|
,maxmin: true |
|
}) |
|
} |
|
}; |
|
$('.demo').on('click', function(){ |
|
var type = $(this).data('type'); |
|
active[type] ? active[type].call(this) : ''; |
|
}); |
|
}); |
|
</script> |
|
</body> |
|
</html>
|
|
|