您的位置:首页 > 其它

layer使用总结一配置

2016-05-27 14:03 190 查看
  导入layer.js文件即可,必须先导入jquery.js文件,因为layer是基于jquery

版本匹配,在此记录一下,layer使用1.8下载时是2.3的版本,对应的jquery使用1.8.3版本,都是用min压缩版;

layer的css和图片目录必须和js放在同一级目录下

//初体验
layer.alert('内容')

//第三方扩展皮肤
layer.alert('内容', {
icon: 1,
skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则,去这里查阅
})


$(function(){
//询问框
layer.confirm('您是如何看待前端开发?', {
btn: ['重要','奇葩'] //按钮
}, function(){
layer.msg('的确很重要', {icon: 1});
}, function(){
layer.msg('也可以这样', {
time: 20000, //20s后自动关闭
btn: ['明白了', '知道了']
});
});


//提示层
layer.msg('玩命提示中');


//加载层
var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2






//小tips
layer.tips('我是另外一个tips,只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', {
tips: [1, '#3595CC'],
time: 4000
});


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: