jsPlumb数字圆形图连线
<!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="https://www.jq22.com/demo/jqueryjsPlumb-shuzilianxian202301302144/css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="https://www.jq22.com/demo/jqueryjsPlumb-shuzilianxian202301302144/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;">开始</button>
<button style="margin-left: 10px;">结束</button>
<button style="margin-left: 10px;">刷新</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 src="https://www.jq22.com/jquery/jquery-ui-1.11.0.js"></script>
<script type="text/javascript" src="https://www.jq22.com/demo/jqueryjsPlumb-shuzilianxian202301302144/js/jquery.jsPlumb.min.js"></script>
<script type="text/javascript" src="https://www.jq22.com/demo/jqueryjsPlumb-shuzilianxian202301302144/js/index.js"></script>
</body>
</html>
页:
[1]