<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>多窗口</title>
<link href="css/divscreen.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/divscreen-min.js"></script>
</head>
<style>
html,body{width:100%;margin:0;padding:0;background:#353535;color:#fff;
</style>
<body>
<div id="main"></div>
<script>
var dis=$("#main").divScreen({
width:1920,
height:1080,
bgHtml:"<div style='width:100%;height:100%;background:#343434;'></div>",
onSave:function(data){ alert("取得保存数据");console.log(data);},
onEdit:function(item,index,_back){
//item:数据
//index:数据索引
//_back:返回新数据给组件
alert("修改数据，完成后返回数据");
item.name="DIVSCREEN"
_back(item);
},
onDel:function(item,index,_back){
//item:数据
//index:数据索引
//_back:如果删除成功，返回一下
alert("删除数据，成功后返回");
var confirm=true;
if(confirm){
_back();
}
},
onSizeChange:function(config,_back){
//config:{width:,height:} 插件返回的数据
//_back 修改后再返回给插件
config.width=1000;
config.height=800;
alert("设置屏幕参数，完成后返回数据");
_back(config)
},
})
//设置子窗品N的内容
//dis.setContent(index,"子窗体内容");
//设置屏幕大小
//dis.setSize(1920,1080);
//设置屏幕背景
//dis.setBgHtml("<div></div>")
</script>
</div>
</body>
</html>
divscreen.js 大屏数据分屏juery插件(原创)
需积分: 0 89 浏览量
2022-11-24
18:09:37
上传
评论
收藏 75KB RAR 举报
divscreen.rar （13个子文件） 
divscreen css 
divscreen.css 4KB img 
divscreen_b.png 18KB divscreen_s.png 18KB divscreen_save.png 18KB divscreen_setting.png 18KB divscreen_scale.png 18KB divscreen_del.png 18KB divscreen_clear.png 18KB divscreen_set.png 18KB divscreen_add.png 17KB
windows.html 2KB js jquery.js 87KB divscreen.min.js 8KB资源评论
