这是一个用来在web网页端设计流程图的ui组件，基于jquery开发。可用来设计各种流程图、逻辑流图，数据流图，或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手，技术开发人员和用户都可使用。 并且兼容主流浏览器。
页面底部有演示、免费下载链接。若是想看更多js特效、网站源码、 js教程请访问【素材火】 http://www.sucaihuo.com/js 还有演示demo，最主要是可以免费下载。1、html
2、引入jquery库和gooflow相关插件：
3、调用gooflow插件：
var property = { 
    width: 1200, 
    height: 600, 
    toolbtns: [start round, end round, task round, node, chat, state, plug, join, fork, complex mix], 
    havehead: true, 
    headbtns: [new, open, save, undo, redo, reload], 
    //如果havehead=true，则定义head区的按钮 
    havetool: true, 
    havegroup: true, 
    useoperstack: true 
}; 
var remark = { 
    cursor: 选择指针, 
    direct: 结点连线, 
    start: 入口结点, 
    end: 结束结点, 
    task: 任务结点, 
    node: 自动结点, 
    chat: 决策结点, 
    state: 状态结点, 
    plug: 附加插件, 
    fork: 分支结点, 
    join: 联合结点, 
    complex mix: 复合结点, 
    group: 组织划分框编辑开关 
}; 
var demo; 
$(document).ready(function() { 
    demo = $.creategooflow($(#demo), property); 
    demo.setnoderemarks(remark); 
    //demo.onitemdel=function(id,type){ 
    //    return confirm(确定要删除该单元吗?); 
    //} 
    demo.loaddata(jsondata); 
}); 
var out; 
function export() { 
    document.getelementbyid(result).value = json.stringify(demo.exportdata()); 
}查看该特效演示及免费下载，请访问【素材火】：http://www.sucaihuo.com/js/77.html
ad：真正免费，域名+虚机+企业邮箱=0元