webppt-creator/block.html at main · tiao2/webppt-creator · GitHub

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
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>可视化编程模式</title>
    <link rel="stylesheet" href="Styles/block.css"/>
</head>
<body>
<div id="h">
    <input class="m" placeholder='名称…'/><button class='m' style="width:28%;color:black;">确定</button>
</div>
<div id='list'><div class='page'  onclick="ps(1)"><strong>1</strong><iframe src='yl.html' id='1' frameborder='none'></iframe></div></div>
<button id='add' onclick="adb()">+</button>
<div id="edit">
    <div id='bg'>
       <header>背景</header>
        背景颜色:<input placeholder='输入颜色…' class="bgs" id='c'/><br/>
        背景图片:<input placeholder='输入图片链接/base64' class="bgs"/><br/>
         <button onclick='' id="subb">完成</button>
    </div>
    <div id='el'>
       <header>元素设置</header>
    </div>
    <button onclick="ade()" id="ade">+</button><button onclick="" id="sube">完成</button>
    <div id="sc">
       <header>javascript脚本</header>
       <pre contenteditable="true"></pre>
    </div>
</div>
<div id='search'></div>
<div id='sh'></div>
<label id='toast'></label>
<script src='Scripts/block.js'></script>
</body>
</html>