This repository was archived by the owner on May 1, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (118 loc) · 6.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,shrink-to-fit=no" />
<link rel="stylesheet" href="mwds.css" />
<title>mwds test</title>
</head>
<body>
<div id="ds-overlay">
<div>赶紧写完！！！<br />紧写完！！！<br />写完！！！<br />完！！！<br />
写不完了！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
<br /><br /><br /><br /><br /><button onclick="mwds.showPopUp(this)">点我测试弹出框</button><br />
<button onclick="a()">点我测试Node弹出</button><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
</div>
<script>function a(){var b = document.createElement("div");b.innerText="我是新建的元素！";$("#ds-overlay").append(b);}</script>
<div id="testdd">
<ul>
<li onclick="alert('a')"><span>测试嵌套</span>我是第一个<div><div>测试嵌套</div></div>？？？？</li>
<li onclick="alert('b')">我是第二个？？？？</li>
<li>我是第三个？？？？</li>
<li>我是第ssssssssssssssssi个？？？？</li>
<li>我是第五个？？？？</li>
</ul>
</div>
<div id="testddd">
<ul>
<li>我是第一个？？？？</li>
<li>我是第二个？？？？</li>
</ul>
</div>
<div mwds id="first" class="ds-win ds-tra ds-mov ds-ontop" style="top: 400px;">
<span>first - ON TOP!!!!!!!!!</span>
<s>fsaj<span id="www">fiwaicfwaf</span>cwea</s><br />
<s>按下<kbd>Alt</kbd>+<kbd>Shift</kbd>可以无视所有元素一律拖动</s><br />该功能已经被放弃。<br />
<dynamic>for i in ca{
sda
}</dynamic>
<span>加上span就可以了</span>
<button onclick="mwds.showPopUp(this)">测试</button>
</div>
<div mwds id="second" class="ds-win ds-a ds-tra ds-mov" style="top: 200px;">
<span>second</span>
<s>fsajfiwaicfwafcwea</s><br />
<p>我是一个块级元素p。我的右边也是我的领地，你不能在我右边拖动！ </p>
<s>我是个<span id="tt4" mwds>行内<div class="ds-tt ds-tt-r">专指代码的行内</div></span>元素s，你可以在我右边拖动。</s><br />
我是一个根text节点，所以我会被直接拖动，这很烦，不过也许适合用来做一些特殊的东西。
</div>
<div mwds id="third" class="ds-win" style="left: 400px; top: 100px">
<span>thirdwindow</span><br />
<span id="tt1">我不可以拖动。</span><br />
<span>a</span><br />
<div style="display:flex">测试</div>
<i>fktest</i>
</div>
<div mwds id="fourth" class="ds-win ds-tra ds-cls ds-mov" style="left: 900px;">
<span>我是第四个</span><br />
<span>fdssefsdfesd</span>
<h5 id="tt3" mwds>不能是p因为p中不能嵌套div，我可以关闭！
<div class="ds-tt ds-tt-l-t">
我继承了h5的样式！<span style='color:red'>啊啊啊啊啊</span>啊啊啊啊啊啊啊啊啊啊啊啊啊啊！
</div>
</h5>
</div>
<div mwds id="fifth" class="ds-win ds-tra ds-cls ds-mov" style="left: 100px">
<span>我是第五个</span><br />
<span>fdssefsdfesd</span><br />
<span>fdssefsdfesd</span><br />
<span>fdssefsdfesd</span><br />
<span>fdssefsdfesd</span><br />
<span>fdssefsdfesd</span><br />
<span>fdssefsdfesd</span><br />
<span>fdssefsdfesd</span><br />
<p>一个p，我可以关闭！</p>
我被视作一个空闲区域，可以关闭
</div>
<div id="sixth" style="left: 500px;top: 400px">
<span>我是第六个</span><br />
<span>fdssefsdfesd</span>
<p>一个p，我可以关闭！</p>
</div>
<div mwds id="tt2" style="position: absolute;left: 500px;top:200px;margin-top: 150px;margin-left: 20px;margin-right: 15px;margin-bottom: 30px;">
mwds-tooltip：提示框以元素的border为对齐基线，1/2元素实际宽度为第二轴居中基线。
<div class="ds-tt ds-tt-l-t">assss今年</div>
</div>
<div mwds id="expansion" style="position: absolute;left: 500px;top:600px;border: solid 2px #000;padding:20px 10px;border-radius: 6px;background-color: cornflowerblue;">
点我打开扩展框
<div id="testexp" class="ds-exp ds-exp-d ds-exp-br">啦啦啦
<div mwds>
发的水水水水水水水水水水水测试嵌套声明式注册
<div class="ds-tt ds-tt-r-t">难死了</div>
</div>
asdsdadsasdasda
<div style="height:10px;width:400px">啦啦啦啦啦啦啦啦啦啦</div>
啦啦<br />啦啦啦啦啦<br />啦啦啦啦啦<br />啦啦啦啦啦<br />
</div>
</div>
<div draggable="true" style="position: absolute;left: 600px;top:200px">asssssssaassa</div>
<div id="content" contenteditable="true">
uygvbfyuuudadaw<br /><br /><br /><br /><br /><br /><br /><br />4q23fsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1R4Q123A1<br /><br /><br /><br /><br /><br /><br /><br /><br />tgafv33r52<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />tweewtewtwetwe<br /><br /><br /><br /><br /><br /><br /><br />rf3r3wr3r3tfg<br /><br /><br /><br /><br /><br /><br /><br />tg4<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />etwtwetw<br /><br /><br /><br />t5e4wg3<br /><br /><br /><br />wertfewretew
</div>
</body>
<script src="../luery/luery.js"></script>
<script src="mwds.js"></script>
<script>
mwds.win($("#sixth"), false, false, true, true, false, false);
//mwds.win测试通过
mwds.dropDown($("#content"),$("#testddd"),"tl",true,undefined);
mwds.dropDown($("#third"),$("#testdd"),undefined,undefined,undefined);
//mwds.dropDown测试通过
mwds.toolTip($("#tt1"),"ds-mov!!","b",true);
//mwds.toolTip($("#tt2"),"assss今年","l",true);
//mwds.toolTip测试通过
//mwds.exp($("#expansion"),$("#testexp"),"l","c");
</script>
<!--script src="../dynamic/dynamic.js"></script-->
</html>