鎮(zhèn)江門(mén)戶(hù)網(wǎng)站是哪個(gè)百度精準(zhǔn)引流推廣
layer.js是由前端大牛賢心編寫(xiě)的web彈窗插件。
laye.js是個(gè)輕量級(jí)的網(wǎng)頁(yè)彈出層組件..支持類(lèi)型豐富的彈出層類(lèi)型,如消息框、頁(yè)面層、iframe層等,具有較好的兼容性和靈活性。
layer.js用法
1.引入layer.js文件。在HTML頁(yè)面的頭部引用layer.is文件,例如👇
<script src="jquery.min.js"</script>
<script src="layer.js"></script>
先引入jQuery文件是因?yàn)閘ayer.js依賴(lài)于jQuery。
2.在需要彈出層的地方,調(diào)用layer.open0)方法,該方法支持多種不同的配置項(xiàng),例如👇
layer.open({title: '在線調(diào)試',content: '可以填寫(xiě)任意的layer代碼'
});
layer.js依賴(lài)jquery或者zepto.js。
相關(guān)參數(shù)
屬性 | 默認(rèn)值 | 描述 | 備注 |
---|---|---|---|
type | 0 | 類(lèi)型 | 0 信息框,默認(rèn) | 1 頁(yè)面層 | 2 iframe層 | 3 加載層 | 4 tips層 |
time | 0 不自動(dòng)關(guān)閉 | 自動(dòng)關(guān)閉所需毫秒 | 5000 5秒后自動(dòng)關(guān)閉 |
id | 用于控制彈層唯一標(biāo)識(shí) | String | |
shade | 0.3 透明度的黑色背景('#000') | 遮罩 | String/Array/Boolean [0.8, '#393D49'] 0 不顯示遮罩。 |
shadeClose | false | 是否點(diǎn)擊遮罩關(guān)閉 | |
layer.open(options) | 核心方法 | ||
layer.alert(content, options, yes) | 普通信息框 | ||
layer.msg(content, options, end) | 提示框 | ||
layer.load(icon, options) | 加載層 |
詳細(xì)請(qǐng)點(diǎn)擊觀看鏈接👇
H-ui前端框架 —— layer.js🔍