<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo3</title>
<style>
h1 { padding: .2em; margin: 0; }
#products { float:left; width: 500px; margin-right: 2em; }
#cart { width: 200px; float: left; margin-top: 1em; }
/* 定义列表样式，以便最大化 droppable */
#cart ol { margin: 0; padding: 1em 0 1em 3em; }
ul li {
list-style: none;
padding: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 10px;
}
ul li:hover {
cursor: pointer;
}
.link { stroke: blue; stroke-linejoin:bevel;}
.link_error{
stroke:red;
stroke-linejoin:bevel;
}
.nodetext {
font: 12px sans-serif;
-webkit-user-select:none;
-moze-user-select:none;
stroke-linejoin:bevel;
}
.menu {
background: #FFFFCC;
width: 200px;
margin: 0;
padding: 0;
}
.menu li a{
display: block;
padding: 10px;
border: 1px solid #ccc;
color: #000;
}
.menu li a:hover {
background: #D0D0D0;
}
</style>
</head>
<body>
<div id="products">
<h1 class="ui-widget-header">节点</h1>
<div id="catalog">
<h2><a href="#">AAAAAA</a></h2>
<div>
<ul>
<li><img src="image/svg/BKV_bkv.svg" alt="BKV"></li>
<li><img src="image/svg/kryvyi_kryvyi.svg" alt="kryvyi"></li>
<li><img src="image/svg/algiers.svg" alt="algiers"></li>
<li><img src="image/svg/amsterdam.svg" alt="amsterdam"></li>
</ul>
</div>
</div>
</div>
<div id="cart">
<h1 class="ui-widget-header">购物车</h1>
<div id="tt" class="ui-widget-content">
<div id="container" style="width: 800px; height: 500px; background-color: #aaa;">
</div>
</div>
<ul class="menu" id="menu">
<li onclick="" data-options="iconCls:'icon-add'"><a href="#"> 编辑 </a></li>
<li onclick="" data-options="iconCls:'icon-edit'"><a href="#"> 编辑标题</a></li>
<li onclick="" data-options="iconCls:'icon-remove'"><a href="#"> 删除</a></li>
</ul>
</div>
<script src="js/jQuery-2.1.4.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/d3v3.min.js"></script>
<script src="js/demo3.js"></script>
<script>
</script>
</body>
</html>
demo.zip （66个子文件） 
demo 
demo3.html 3KB js 
mxPopupMenu.js 14KB d3v3.min.js 143KB common.js 93KB jquery-ui.js 509KB raphael.min.js 91KB mxClient.js 2.07MB jQuery-2.1.4.min.js 82KB test.js 9KB mxClient.min.js 754KB jtopo-min.js 77KB jtopo-0.4.8-min.js 77KB qunee-min.js 360KB demo.js 3KB SVGIcons.js 18KB ht.js 508KB d3.min.js 213KB d3.v4.min.js 213KB d3.js 454KB css common.css 3KB jquery-ui.min.css 15KB jquery-ui.css 18KB image 
delete2.png 914B name_icon.png 2KB
ellipse.gif 121B node1.png 47KB 22.png 14KB tianhe.png 16KB rectangle.gif 77B suyu.png 16KB 44.png 16KB ziying.png 14KB svg 
cross.svg 1KB amsterdam.svg 1010B kryvyi_kryvyi.svg 636B minus.svg 930B BKV_bkv.svg 2KB algiers.svg 4KB add.svg 924B xizhong.png 16KB 33.png 18KB pwd_icon.png 1KB phone_icon.png 1KB taiqing.png 19KB 11.png 16KB triangle.gif 855B connector.gif 954B zonglian.png 21KB guixie.png 17KB chanyou.png 22KB actor.gif 75B cylinder.gif 870B lingsha.png 15KB tianqing.png 18KB r_icon.png 2KB delete.gif 538B mengli.png 14KB xuanxiao.png 19KB cpwd_icon.png 1KB transparent.gif 90B suyao.png 22KB grid.gif 58B rhombus.gif 857B
bg.jpg 104KB 55.png 15KB rounded.gif 857B资源评论
- admin你是我的唯一2019-11-18垃圾 什么都显示不出来
- qq_269778932018-12-15垃圾，不能用，别下
- yesyea2018-05-17假的，不能用，别下
