网友原创分享js浮动面板插件floatPanel

代码笔记       76.7KB      2018-12-26 10:01:08    

使用

初始化

创建浮动框,参数为自定义的浮动框的id值,返回构建的浮动框对象,默认初始化在当前视区中心

1
2
3
4
5
6
var panel = FloatPanel('panel');
//根据需要,创建浮动框时可以传入配置项
var panel = FloatPanel('panel', {
    closeBtn: true,
    floatHeight: 10,
});

简易使用

1
2
3
4
5
6
7
8
9
10
11
//浮动框定位,传入坐标对象,省略则定位于屏幕中心
panel.reposition({
    pageX: 50,
    pageY: 50,
});
//若是由鼠标事件触发,可以直接传入事件通知对象(event)
EventTarget.addEventListener('click',function(event){
    panel.reposition(event);