对话框 原生js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="layui/layui.all.js"></script>
<srcipt src="static/js/jquery-3.3.1.min.js"></srcipt>
<script type="text/javascript">
window.onload = function () {
//抓元素 // 一个漂亮的layer 弹窗
var btn = document.getElementById('btn');
btn.onclick = function () {
layer.confirm(text, {
btn: ['确认提交', '取消提交'] //按钮
}, function () {
layer.msg('提交成功', {icon: 1});
}, function () {
layer.msg('也可以这样', {
time: 20000, //20s后自动关闭
btn: ['明白了', '知道了']
});
},
{title: '失效链接反馈'},);
}
}
</script>
</head>
<body>
<input type="button" class="btn" id="btn" value="问你个问题">
</body>
</html>
提示框 jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script src="static/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btn').click(function () {
layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', '#btn', {
tips: [1, '#3595CC'],
time: 4000
});
})
});
</script>
</head>
<body>
<input type="button" class="btn" id="btn" value="问你个问题">
</body>