<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jsPlumb流程图</title>
<link rel="stylesheet" type="text/css" href="./css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<div class="container device">
<div class="deviceLeft">
<h3 id="timetext" style="text-align: center;">00:00:00</h3>
<div class="btn_div">
<button style="margin-right: 10px;" onclick="start()">开始</button>
<button style="margin-left: 10px;" onclick="end()">结束</button>
<button style="margin-left: 10px;" onclick="location.reload();">刷新</button>
</div>
<div style="margin-top: 10px;padding-left: 10px;">
连接错误数:<span class="errCount">0</span><br/>
中断线次数:<span class="breakCount">0</span>
</div>
<!-- <h3>序号1</h3>
<div class="deviceLeft_box">
<div class="node nodecss" data-type="server">01</div>
<div class="node nodecss" data-type="server">02</div>
<div class="node nodecss" data-type="server">03</div>
<div class="node nodecss" data-type="server">04</div>
<div class="node nodecss" data-type="server">05</div>
<div class="node nodecss" data-type="server">06</div>
<div class="node nodecss" data-type="server">07</div>
<div class="node nodecss" data-type="server">08</div>
<div class="node nodecss" data-type="server">09</div>
<div class="node nodecss" data-type="server">10</div>
</div>
<h3>序号2</h3>
<div class="deviceLeft_box">
<div class="node nodecss" data-type="server">11</div>
<div class="node nodecss" data-type="server">12</div>
<div class="node nodecss" data-type="server">13</div>
<div class="node nodecss" data-type="server">14</div>
<div class="node nodecss" data-type="server">15</div>
</div>
<h3>序号3</h3>
<div class="deviceLeft_box">
<div class="node nodecss" data-type="server">16</div>
<div class="node nodecss" data-type="server">17</div>
<div class="node nodecss" data-type="server">18</div>
<div class="node nodecss" data-type="server">19</div>
<div class="node nodecss" data-type="server">20</div>
</div> -->
</div>
<div id="deviceRight">
<div id="main"></div>
</div>
</div>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
<script type="text/javascript" src="./js/jquery.jsPlumb.min.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
jsPlumb数字圆形图连线,jqueryjsPlumb,UI-图表
共10个文件
js:4个
png:2个
html:2个
需积分: 0 0 下载量 103 浏览量
2023-03-18
14:17:19
上传
评论
收藏 137KB RAR 举报
温馨提示
基于jqueryjsPlumb实现的html5的数字圆形图连线
资源推荐
资源详情
资源评论
收起资源包目录
jqueryjsPlumb-shuzilianxian.rar (10个子文件)
js
jquery-ui.min.js 223KB
jquery.jsPlumb.min.js 155KB
index.js 14KB
jquery.min.js 85KB
css
style.css 2KB
jquery-ui.min.css 27KB
index.html 3KB
images
bg.png 150B
close2.png 363B
info.html 3KB
共 10 条
- 1
资源评论
龙华军
- 粉丝: 18
- 资源: 86
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功