jquery实现流程图在线编辑插件_jquery实现流程图资源-CSDN文库

共202个文件

svn-base：117个

png：38个

gif：14个

jquery

javascript

ecmascript

需积分: 9 92 浏览量 2022-01-22 11:41:55 上传评论收藏 372KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

jquery实现流程图在线编辑插件（202个子文件）

all-wcprops 6KB

all-wcprops 4KB

all-wcprops 3KB

all-wcprops 2KB

all-wcprops 926B

all-wcprops 829B

all-wcprops 564B

all-wcprops 502B

all-wcprops 464B

all-wcprops 244B

jquery-ui-1.8.4.custom.css 33KB

entries 4KB

entries 3KB

entries 2KB

entries 815B

entries 684B

entries 545B

entries 520B

entries 511B

entries 371B

events_multiple.gif 981B

new_event_listener.gif 974B

event.gif 952B

swimlanes_multiple.gif 952B

new_timer.gif 945B

timers_multiple.gif 924B

timer.gif 924B

swimlane.gif 895B

transitions_multiple.gif 870B

node_elements_multiple.gif 361B

delete.gif 351B

new_swimlane.gif 338B

select16.gif 336B

save.gif 187B

index.html 31KB

demo4.html 7KB

demo-view.html 5KB

demo3.html 4KB

jquery-ui-1.8.4.custom.min.js 197KB

jquery-1.4.2.min.js 70KB

raphael-min.js 59KB

myflow.js 19KB

myflow.jpdl4.js 6KB

myflow.jpdl3.js 5KB

myflow.editors.js 2KB

select.json 62B

gateway_exclusive.png 4KB

ui-icons_222222_256x240.png 4KB

ui-icons_cd0a0a_256x240.png 4KB

ui-icons_888888_256x240.png 4KB

ui-icons_454545_256x240.png 4KB

ui-icons_2e83ff_256x240.png 4KB

gateway_parallel.png 4KB

gateway_exclusive.png 4KB

start_event_empty.png 2KB

task_java.png 2KB

end_event_error.png 1KB

end_event_cancel.png 1KB

task_sql.png 1KB

task_empty.png 1KB

end_event_terminate.png 1KB

gateway_parallel.png 1KB

task_wait.png 1KB

task_empty.png 1KB

task_hql.png 976B

start_event_empty.png 688B

end_event_error.png 680B

end_event_cancel.png 597B

flow_sequence.png 596B

end_event_terminate.png 590B

task_sql.png 463B

task_wait.png 420B

task_hql.png 391B

task_java.png 361B

bg.png 296B

flow_sequence.png 270B

ui-bg_flat_0_aaaaaa_40x100.png 180B

ui-bg_flat_75_ffffff_40x100.png 178B

ui-bg_glass_55_fbf9ee_1x400.png 120B

ui-bg_glass_95_fef1ec_1x400.png 119B

ui-bg_glass_75_dadada_1x400.png 111B

ui-bg_glass_75_e6e6e6_1x400.png 110B

ui-bg_glass_65_ffffff_1x400.png 105B

ui-bg_highlight-soft_75_cccccc_1x100.png 101B

jquery-ui-1.8.4.custom.min.js.svn-base 197KB

jquery-1.4.2.min.js.svn-base 70KB

raphael-min.js.svn-base 59KB

jquery-ui-1.8.4.custom.css.svn-base 33KB

index.html.svn-base 31KB

myflow.js.svn-base 19KB

demo4.html.svn-base 7KB

myflow.jpdl4.js.svn-base 6KB

myflow.jpdl3.js.svn-base 5KB

demo-view.html.svn-base 5KB

gateway_exclusive.png.svn-base 4KB

ui-icons_888888_256x240.png.svn-base 4KB

ui-icons_2e83ff_256x240.png.svn-base 4KB

ui-icons_222222_256x240.png.svn-base 4KB

ui-icons_454545_256x240.png.svn-base 4KB

共 202 条

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="css/smoothness/jquery-ui-1.8.4.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script> <script type="text/javascript"> $(function(){ // Accordion $("#accordion").accordion({ header: "h3" }); // Tabs $('#tabs').tabs(); // Dialog $('#dialog').dialog({ autoOpen: false, width: 600, buttons: { "Ok": function() { $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); // Dialog Link $('#dialog_link').click(function(){ $('#dialog').dialog('open'); return false; }); // Datepicker $('#datepicker').datepicker({ inline: true }); // Slider $('#slider').slider({ range: true, values: [17, 67] }); // Progressbar $("#progressbar").progressbar({ value: 20 }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> <style type="text/css"> /*demo page css*/ body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} .demoHeaders { margin-top: 2em; } #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} ul#icons {margin: 0; padding: 0;} ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} ul#icons span.ui-icon {float: left; margin: 0 4px;} </style> </head> <body> <h1>Welcome to jQuery UI!</h1> <p style="font-size: 1.3em; line-height: 1.5; margin: 1em 0; width: 50%;">This page demonstrates the widgets you downloaded using the theme you selected in the download builder. We've included and linked to minified versions of <a href="js/jquery-1.4.2.min.js">jQuery</a>, your personalized copy of <a href="js/jquery-ui-1.8.4.custom.min.js">jQuery UI (js/jquery-ui-1.8.4.custom.min.js)</a>, and <a href="css/smoothness/jquery-ui-1.8.4.custom.css">css/smoothness/jquery-ui-1.8.4.custom.css</a> which imports the entire jQuery UI CSS Framework. You can choose to link a subset of the CSS Framework depending on your needs. </p> <p style="font-size: 1.2em; line-height: 1.5; margin: 1em 0; width: 50%;">You've downloaded components and a theme that are compatible with jQuery 1.3+. Please make sure you are using jQuery 1.3+ in your production environment.</p> <p style="font-weight: bold; margin: 2em 0 1em; font-size: 1.3em;">YOUR COMPONENTS:</p>  <h2 class="demoHeaders">Accordion</h2> <div id="accordion"> <div> <h3><a href="#">First</a></h3> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div> </div> <div> <h3><a href="#">Second</a></h3> <div>Phasellus mattis tincidunt nibh.</div> </div> <div> <h3><a href="#">Third</a></h3> <div>Nam dui erat, auctor a, dignissim quis.</div> </div> </div>  <h2 class="demoHeaders">Tabs</h2> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> <li><a href="#tabs-3">Third</a></li> </ul> <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> </div>  <h2 class="demoHeaders">Dialog</h2> <p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p> <h2 class="demoHeaders">Overlay and Shadow Classes <em>(not currently used in UI widgets)</em></h2> <div style="position: relative; width: 96%; height: 200px; padding:1% 4%; overflow:hidden;" class="fakewindowcontain"> <p>Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>  <div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div> <div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all"> <div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> </div> </div>  <div id="dialog" title="Dialog Title"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <h2 class="demoHeaders">Framework Icons (con