<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery-ui-1.8.4.custom/js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.4.custom/js/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript" src="myJs/raphael.js"></script>
<script type="text/javascript" src="myJs/designer.js"></script>
<style>
.td1
{
height:20px;
width:78px;
text-align:center;
background:rgb(240,240,240);
border:1px;
border-color:#000;
font-size:12px;
cursor:default;
font-family:微软雅黑;
}
.td2
{
width:2px;
}
.tool
{
width:320px;
margin-top:10px;
}
.div1
{
background:rgb(205,240,127);
width:80%;
font-size:12px;
font-family:微软雅黑;
}
body
{
font-size:12px;
font-family:微软雅黑;
}
.tool_part
{
height:20px;
vertical-align:top;
cursor:move;
}
.flow_area
{
width:100%;
}
</style>
</head>
<body>
<table width="480px" id="table1">
<tr>
<td class="td1">保存</td>
<td class="td2"></td>
<td class="td1">导入</td>
<td class="td2"></td>
<td class="td1" >导出</td>
<td class="td2"></td>
<td class="td1">保存退出</td>
<td class="td2"></td>
<td class="td1">删除</td>
<td class="td2"></td>
<td class="td1" >流程检测</td>
<td class="td2"></td>
</tr>
</table>
<div class="tool" >
<table>
<tr valign="top">
<td width="140px" id="tool_td">
<div class="div1">工具栏</div>
<br />
<div class="tool_part" type="next">
<img src="js/designer/images/48/flow_sequence.png"width="20px" /> 下一步
</div>
<br />
<div class="tool_part" type="back">
<img src="js/designer/images/48/flow_sequence.png"width="20px" /> 驳回
</div>
<br />
<hr width="140px" />
<div class="tool_part" type="start">
<img src="js/designer/images/48/start_event_empty.png"width="20px" /> 开始节点
</div>
<br />
<div class="tool_part" type="end">
<img src="js/designer/images/48/end_event_terminate.png"width="20px" /> 开始节点
</div>
<br />
<div class="tool_part" type="task1">
<img src="js/designer/images/48/task_empty.png"width="20px" /> 单项任务节点
</div>
<br />
<div class="tool_part" type="task2">
<img src="js/designer/images/48/task_empty_green.png"width="20px" /> 双向任务节点
</div>
<br />
<div class="tool_part" type="task3">
<img src="js/designer/images/48/task_empty_yellow.png"width="20px" /> 多条件任务节点
</div>
<br />
<div class="tool_part" type="judge">
<img src="js/designer/images/48/task_wait.png"width="20px" /> 判定条件
</div>
<br />
</td>
<td width="180px">
这里是预览图
</td>
<td width="100%">
<div class="flow_area" id="flow"></div>
</td>
</tr>
</table>
</div>
<div id="info"></div>
</body>
</html>
raphael绘制可拖动控件
3星 · 超过75%的资源 需积分: 9 154 浏览量
2014-06-19
19:28:59
上传
评论 4
收藏 289KB RAR 举报 
raphael.rar （53个子文件） 
raphael 
model.html 4KB js designer images 
select16.gif 336B 16 
task_wait.png 420B event.gif 952B swimlanes_multiple.gif 952B task_java.png 361B new_event_listener.gif 974B task_empty_small_yellow.png 3KB end_event_error.png 680B gateway_exclusive_s.png 3KB delete.gif 351B timer.gif 924B end_event_cancel.png 597B task_empty_small_green.png 3KB task_sql.png 463B new_timer.gif 945B gateway_exclusive.png 4KB timers_multiple.gif 924B new_swimlane.gif 338B gateway_parallel.png 4KB flow_sequence.png 270B end_event_terminate.png 590B transitions_multiple.gif 870B swimlane.gif 895B task_empty.png 1KB start_event_empty.png 688B events_multiple.gif 981B node_elements_multiple.gif 361B task_hql.png 391B bg.png 296B 48 task_wait.png 1KB gateway_exclusive_b.png 4KB task_java.png 2KB end_event_error.png 1KB end_event_cancel.png 1KB task_sql.png 1KB task_empty_yellow.png 4KB gateway_exclusive.png 4KB gateway_parallel.png 1KB flow_sequence.png 596B end_event_terminate.png 1KB task_empty_green.png 4KB task_empty.png 1KB start_event_empty.png 2KB task_hql.png 976B save.gif 187B jquery-ui-1.8.4.custom js 
jquery-ui.min.js 192KB jquery.min.js 83KB jquery.js 91KB myJs jquery.js 91KB raphael.js 301KB designer.js 11KB model.png 37KB资源评论
幻宇天鸿2016-09-13简单实现功能,有些功能无法使用
Jinx_Q2016-10-13当时只是在chrome下测试的
longlongqian2016-06-07一般吧，有点粗糙，但是有借鉴意义- student33662014-10-13终于找到了，而且是免积分的，太有爱了
- 陈东青向前2014-06-19很不错，能简单实现。
Jinx_Q
- 粉丝: 103
- 资源: 14
