jsplumb实例分析

共11个文件

js：6个

css：2个

html：2个

jsplumb

需积分: 33 14 下载量 61 浏览量 2015-08-20 19:53:19 上传评论收藏 183KB RAR 举报

温馨提示

jsPlumb是一个强大的JavaScript连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等。它同时支持jQuery+jQuery UI、MooTools和YUI3这三个JavaScript框架，十分强大。

资源推荐

资源详情

资源评论

收起资源包目录

_1.rar （11个子文件）

lilin_1

css

jquery-ui.min.css 29KB

index.css 2KB

img

new_file.html 1KB

index.html 829B

index.js 7KB

jsPlumbDefaults.js 5KB

jquery-2.1.3.min.js 82KB

jquery.jsPlumb-1.4.0-all.js 393KB

jquery-ui.min.js 234KB

gg_bd_ad_720x90.js 5KB

.project 969B

共 11 条

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title></title> <style type='text/css'> .kl{border: 1px solid red; </style> <script src="js/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.jsPlumb-1.4.0-all.js" type="text/javascript" charset="utf-8"></script> <script src="js/jsPlumbDefaults.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ var sourceAnchors = [ [0.5, 0], [0.5, 1.0], [-0.05, 0.5, -1, 0], [1.2, 0.5, 0, 1] ]; var bottomE = jsPlumb.addEndpoint($(".ggf"), targetEndpoint1, { anchor: sourceAnchors[1], }); var bottomE = jsPlumb.addEndpoint($(".dd"), targetEndpoint2, { anchor: sourceAnchors[0], }); }) </script> </head> <body> <div class="ggf" style="background-color: #1C94C4; width: 200px; height: 200px;"> </div> <div class="dd"style="position: absolute; top: 400px;left: 30px; background-color: #1C94C4; width: 200px; height: 200px;"> </div> </body> </html>

评论收藏

内容反馈