第一步:引用文件
第二步:寫腳本
<script>
//iframe窗
//layer.open({
// type: 2,
// title: false,
// closeBtn: 0, //不顯示關閉按鈕
// shade: [0],
// area: ['340px', '215px'],
// offset: 'rb', //右下角彈出
// time: 2000, //2秒后自動關閉
// anim: 2,
// content: ['text1.html', 'no'], //iframe的url，no代表不顯示滾動條 右下角頁面
// end: function () { //此處用於演示
// layer.open({
// type: 2,
// title: '很多時候，我們想最大化看，比如像這個頁面。',
// shadeClose: true,
// shade: false,
// maxmin: true, //開啟最大化最小化按鈕
// area: ['893px', '600px'],
// content: 'text.html' //最大化頁面
// });
// }
//});
//初體驗
//layer.alert('內容')
//第三方擴展皮膚
//layer.alert('內容', {
// icon: 1,
// skin: 'layer-ext-moon' //該皮膚由layer.seaning.com友情擴展。關於皮膚的擴展規則，去這里查閱
//})
//詢問框
//layer.confirm('您是如何看待前端開發？', {
// btn: ['重要', '奇葩'] //按鈕
//}, function () {
// layer.msg('的確很重要', { icon: 1 });
//}, function () {
// layer.msg('的確是奇葩', { icon: 1 });
//});
//提示層
//layer.msg('玩命賣萌中', function () {
// //關閉后的操作
//});
layer.msg('更新成功',{time:1000}, function () {
parent.location.reload(); //刷新父頁面 第二個參數設置msg顯示的時間長短
});
//墨綠深藍風
//layer.alert('墨綠風格，點擊確認看深藍', {
// skin: 'layui-layer-molv' //樣式類名
// , closeBtn: 1
//}, function () {
// layer.alert('偶吧深藍style', {
// skin: 'layui-layer-lan'
// , closeBtn: 1
// , anim: 4 //動畫類型
// });
//});
//頁面層
//layer.open({
// type: 1,
// skin: 'layui-layer-rim', //加上邊框
// area: ['auto', 'auto'], //寬高
// content: '<div id="dd" style="border:1px solid red;width:100px; height:100px;background-color:pink;">今天要下雪了</div>'
//});
//自定頁
//layer.open({
// type: 1,
// skin: 'layui-layer-demo', //樣式類名
// closeBtn: 1, //0不顯示關閉按鈕
// anim: 2,
// shadeClose: true, //開啟遮罩關閉
// content: '<div id="dd" style="border:1px solid red;width:100px; height:100px;background-color:pink;">今天要下雪了</div>' 也可以跳轉到某個頁面 content: "@Url.Action("Detial", "UserInfo")?id="+id
//});
//tips層
//layer.tips('Hi我是tips', '#btn'); //第二個參數是吸附元素選擇器，如#id
//iframe層
//layer.open({
// type: 2,
// title: 'layer mobile頁',
// shadeClose: true,
// shade: 0.8,
// area: ['70%', '90%'],//寬 高
// content: 'text.html'
//});
////加載層-默認風格
//layer.load();
////此處演示關閉
//setTimeout(function () {
// layer.closeAll('loading');
// layer.msg("關閉了");
//}, 2000);
//小tips
//layer.tips('我是另外一個tips，只不過我長得跟之前那位稍有些不一樣。', '吸附元素選擇器', {
// tips: [1, '#3595CC'],
// time: 4000
//});
//prompt層
//layer.prompt({ title: '輸入任何口令，並確認', formType: 1 }, function (pass, index) {
// layer.close(index);
// layer.prompt({ title: '隨便寫點啥，並確認', formType: 2 }, function (text, index) {
// layer.close(index);
// layer.msg('演示完畢！您的口令：' + pass + '<br>您最后寫下了：' + text);
// });
//});
//tab層
//layer.tab({
// area: ['600px', '300px'],
// tab: [{
// title: 'TAB1',
// content: '內容1'
// }, {
// title: 'TAB2',
// content: '內容2'
// }, {
// title: 'TAB3',
// content: '內容3'
// }]
//});
//相冊層
//$.getJSON('test/photos.json?v=' + new Date, function (json) {
// layer.photos({
// photos: json //格式見API文檔手冊頁
// , anim: 5 //0-6的選擇，指定彈出圖片動畫類型，默認隨機
// });
//});
</script>