項目中需要彈出層效果，使用的是layui前端框架，主要是利用裏面的彈出層特效(可以移動)。
Html代碼
將click方法綁定到此標簽
1 & lt；a href = ' JavaScript:；'data-method = ' offset ' data-type = ' auto ' class = ' show mean ' & gt；顯示
單擊以顯示此頁面。
1 & lt；div class = " con-no-ma display no " id = " con-no-ma " >
2顯示頁面
3 & lt/div & gt；
javascript，javascript
函數showMean() {
layui.use('layer '，function () {
var $ = layui.jquery，layer = layui.layer
//觸發事件，相當於設置參數。
var active = {
偏移:函數(othis){
var type = othis.data('type ')
，text = othis . text()；
layer.open({
標題:“數據關聯”，
類型:1，
Offset: type，//具體配置參考:/doc/modules/layer.html#offset
Id:' lay _ demo'+type，//防止重復彈出。
Content: $("#con-no-ma ")，//在頁面上新定義，然後通過id綁定到它。
BTN:“全部關掉”，
面積:['1000px '，' 500px']，
btna align:' c '，//按鈕居中。
Shade: 0，//不顯示遮罩。
//btn方法
是:函數(){
layer . close all()；
},
//關閉右上角按鈕的方法
取消:函數(){
layer . close all()；
}
});
}
};
//將click事件綁定到指定的標簽。
$(' .show mean’)。on('click '，function(){
var othis = $(this)，method = othis . data(' method ')；
主動【方法】？活動[方法]。調用(this，othis):“”；
});
})
}