zoukankan      html  css  js  c++  java
  • VML流程图

    VML教程 

    VML Editor

    <html xmlns:vml="urn:schemas-microsoft-com:vml">
    <head runat="server">
        <title>无标题页</title>
        <link rel="stylesheet" type="text/css" href="Css/vmlstyle.css" />

        <script language="javascript" type="text/javascript" src="Js/vmlset.js"></script>

        <object id="vmlRender" classid="CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E">
        </object>
        <style type="text/css">vml\:* { FONT-SIZE: 12px; BEHAVIOR: url(#VMLRender) }
    </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='1' table_id='9' flowtype='start' passcount='0'
                flowtitle='<b>1</b><br>签收' flowflag='0' receiverid='' receivername=''
                fillcolor='#00EE00' style='left: 20; top: 50; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲签收

    ·下一步骤:2'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>1</b><br />签收</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='1' title='' source='1' object='2' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='2' table_id='10' flowtype='' passcount='0'
                flowtitle='<b>2</b><br>收文登记' flowflag='0' receiverid='' receivername=''
                fillcolor='#EEEEEE' style='left: 20; top: 230; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲收文登记

    ·下一步骤:3,4'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>2</b><br />收文登记</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='2' title='' source='2' object='3' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:line mfrid='2' title='' source='2' object='4' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='3' table_id='11' flowtype='' passcount='0'
                flowtitle='<b>3</b><br>拟办意见' flowflag='0' receiverid='' receivername=''
                fillcolor='#EEEEEE' style='left: 200; top: 50; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲拟办意见

    ·下一步骤:4'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>3</b><br />拟办意见</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='3' title='' source='3' object='4' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='4' table_id='26' flowtype='' passcount='0'
                flowtitle='<b>4</b><br>分办' flowflag='0' receiverid='' receivername=''
                fillcolor='#EEEEEE' style='left: 200; top: 230; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲分办

    ·下一步骤:5,6,7'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>4</b><br />分办</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='4' title='' source='4' object='5' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:line mfrid='4' title='' source='4' object='6' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:line mfrid='4' title='' source='4' object='7' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='5' table_id='27' flowtype='' passcount='0'
                flowtitle='<b>5</b><br>批办' flowflag='0' receiverid='' receivername=''
                fillcolor='#EEEEEE' style='left: 380; top: 50; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲批办

    ·下一步骤:6,7,8'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>5</b><br />批办</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='5' title='' source='5' object='6' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:line mfrid='5' title='' source='5' object='7' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:line mfrid='5' title='' source='5' object='8' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='6' table_id='28' flowtype='' passcount='0'
                flowtitle='<b>6</b><br>传阅' flowflag='0' receiverid='' receivername=''
                fillcolor='#EEEEEE' style='left: 380; top: 230; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲传阅

    ·下一步骤:7,8'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>6</b><br />传阅</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='6' title='' source='6' object='7' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:line mfrid='6' title='' source='6' object='8' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='7' table_id='29' flowtype='' passcount='0'
                flowtitle='<b>7</b><br>承办' flowflag='0' receiverid='' receivername=''
                fillcolor='#EEEEEE' style='left: 560; top: 50; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲承办

    ·下一步骤:8'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>7</b><br />承办</vml:textbox>
            </vml:roundrect>
            <vml:line mfrid='7' title='' source='7' object='8' from='0,0' to='0,0' style='position: absolute;
                display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
                <vml:stroke endarrow='block'>
                </vml:stroke>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
            </vml:line>
            <vml:roundrect inset='2pt,2pt,2pt,2pt' id='8' table_id='30' flowtype='end' passcount='0'
                flowtitle='<b>8</b><br>归档、销毁' flowflag='0' receiverid='' receivername=''
                fillcolor='#F4A8BD' style='left: 560; top: 230; 100; position: absolute;
                height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
                arcsize='4321f' coordsize='21600,21600' title='      ▲归档、销毁

    ·下一步骤:结束,'>
                <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
                <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>8</b><br />归档、销毁</vml:textbox>
            </vml:roundrect>
        </form>
    </body>
    </html>


    html { overflow-y: scroll; }

    a:link{color: #0066cc; text-decoration: none;}
    a:visited {color: #0066cc; text-decoration: none}
    a:hover {color: #333333; text-decoration: underline}
    a:active {color: #333333; text-decoration: underline}

    A.A1:link { COLOR: #124164; TEXT-DECORATION: underline;}
    A.A1:visited { COLOR: #124164; TEXT-DECORATION: underline}
    A.A1:active  { COLOR: #124164; TEXT-DECORATION: underline}
    A.A1:hover   { COLOR: #ff0000; TEXT-DECORATION: underline}

    body { font-size: 12pt;}
    img{border:0px;}
    table{border-collapse:collapse;}
    .bodycolor { BACKGROUND: #E2E5E6}
    .loginbodycolor { BACKGROUND: #6BA2D8}
    .topbar {font-size: 9pt;BACKGROUND: #C4D9EF;background-image: url("topbar.gif")}
    .topbar2 {font-size: 9pt;BACKGROUND: #C4D9EF; background-image: url("menubg.gif")}

    .panel{ BACKGROUND: #C4D9EF; COLOR:#654125;}
    .timebar{ BACKGROUND: #CEDFF1;}
    .menu_tr1{ font-size: 9pt;COLOR:#000000;background-image:url("topbar.gif");cursor:pointer}
    .menu_tr2{ font-size: 9pt;COLOR:#000000;BACKGROUND: #CEDFF1;cursor:pointer}

    .small  { font-size: 9pt;}
    .small1  { font-size: 9pt;COLOR: #000000;}
    .big { font-size: 12pt;}
    .big1   { font-size: 12pt;COLOR: #000000;}
    .big2   { font-size: 18pt}
    .big3   { font-size: 12pt;COLOR: #124164;FONT-WEIGHT: bold;}
    .big4   { COLOR: #FF0000;}
    .verybig{ font-size: 24pt}
    <!--
    input.SmallButton, input.ArrowButton {FONT-SIZE: 9pt;height: 20px; text-decoration: none; vertical-align: middle; border: 1px solid #6E91C7; background: #F4FBE1 url('button_bg.gif');}
    input.SmallButton:hover, input.ArrowButton:hover  {FONT-SIZE: 9pt;color: #395500; background: #F4FADF url('bg_input_btn_hover.png'); border: 1px solid #80AA00; border-top: 1px solid #99CC00; border-left: 1px solid #99CC00;}

    input.BigButton {FONT-SIZE: 12pt; margin: 1px; height: 24px; text-decoration: none; vertical-align: middle; border: 1px solid #6E91C7; background: #F4FBE1 url('button_bg.gif');}
    input.BigButton:hover {FONT-SIZE: 12pt;color: #395500; background: #F4FADF url('bg_input_btn_hover.png'); border: 1px solid #80AA00; border-top: 1px solid #99CC00; border-left: 1px solid #99CC00;}
    -->

    input.SmallButtonAHover{50px;height:21px;color:#FFFFFF;background:url("btn_a.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
    input.SmallButtonA{50px;height:21px;color:#FFFFFF;background:url("btn_a.png") no-repeat;border:0px;cursor:pointer;}
    input.SmallButtonA:hover{background-position:0 -21px;}

    input.SmallButtonBHover{74px;height:21px;color:#FFFFFF;background:url("btn_b.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
    input.SmallButtonB{74px;height:21px;color:#FFFFFF;background:url("btn_b.png") no-repeat;border:0px;cursor:pointer;}
    input.SmallButtonB:hover{background-position:0 -21px;}

    input.SmallButtonCHover{105px;height:21px;color:#FFFFFF;background:url("btn_c.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
    input.SmallButtonC{105px;height:21px;color:#FFFFFF;background:url("btn_c.png") no-repeat;border:0px;cursor:pointer;}
    input.SmallButtonC:hover{background-position:0 -21px;}

    input.SmallButtonDHover{160px;height:21px;color:#FFFFFF;background:url("btn_d.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
    input.SmallButtonD{160px;height:21px;color:#FFFFFF;background:url("btn_d.png") no-repeat;border:0px;cursor:pointer;}
    input.SmallButtonD:hover{background-position:0 -21px;}

    input.SmallButtonEHover{245px;height:21px;color:#FFFFFF;background:url("btn_e.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
    input.SmallButtonE{245px;height:21px;color:#FFFFFF;background:url("btn_e.png") no-repeat;border:0px;cursor:pointer;}
    input.SmallButtonE:hover{background-position:0 -21px;}

    input.BigButtonAHover{60px;height:24px;color:#FFFFFF;background:url("big_btn_a.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
    input.BigButtonA{60px;height:24px;color:#FFFFFF;background:url("big_btn_a.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
    input.BigButtonA:hover{background-position:0 -24px;}

    input.BigButtonBHover{84px;height:24px;color:#FFFFFF;background:url("big_btn_b.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
    input.BigButtonB{84px;height:24px;color:#FFFFFF;background:url("big_btn_b.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
    input.BigButtonB:hover{background-position:0 -24px;}

    input.BigButtonCHover{125px;height:24px;color:#FFFFFF;background:url("big_btn_c.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
    input.BigButtonC{125px;height:24px;color:#FFFFFF;background:url("big_btn_c.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
    input.BigButtonC:hover{background-position:0 -24px;}

    input.BigButtonDHover{195px;height:24px;color:#FFFFFF;background:url("big_btn_d.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
    input.BigButtonD{195px;height:24px;color:#FFFFFF;background:url("big_btn_d.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
    input.BigButtonD:hover{background-position:0 -24px;}

    input.BigButtonEHover{305px;height:24px;color:#FFFFFF;background:url("big_btn_e.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
    input.BigButtonE{305px;height:24px;color:#FFFFFF;background:url("big_btn_e.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
    input.BigButtonE:hover{background-position:0 -24px;}

    input.BigInput,textarea.BigInput {font-size: 10pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x;}
    input.BigInput:hover,textarea.BigInput:hover {font-size: 10pt;border: 1px solid #99CC00; background: white url('bg_input_text_hover.png') top left repeat-x;}

    input.SmallInput,textarea.SmallInput {font-size: 9pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x;}
    input.SmallInput:hover,textarea.SmallInput:hover {font-size: 9pt;border: 1px solid #99CC00; background: white url('bg_input_text_hover.png') top left repeat-x;}

    input.BigInputMoney{COLOR:#006; BACKGROUND: #F8F8F8; text-align: RIGHT; border:solid 1px black; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}

    input.BigStatic,textarea.BigStatic {font-size: 10pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: #E0E0E0;}

    input.SmallStatic,textarea.SmallStatic {font-size: 9pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: #E0E0E0;}

    select.BigSelect  { COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}
    select.BigSelect:hover  { COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text_hover.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}

    select.SmallSelect{ COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
    select.SmallSelect:hover{ COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text_hover.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}

    select.BigStatic  { COLOR: #000066; BACKGROUND: #E0E0E0; border:solid 1px black; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}
    select.SmallStatic{ COLOR: #000066; BACKGROUND: #E0E0E0; border:solid 1px black; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}

    .TableControl{ background: url("footer_bg.png") bottom left;}
    .TableHeader { COLOR:#2E2E5A; FONT-WEIGHT: bold; FONT-SIZE: 9pt; background:url("list_hd_bg.png"); line-height:25px;}
    .TableHeader1 { BACKGROUND: #D3E5FA; background-image: url("button_back.gif");  cursor:pointer; COLOR: #000066;}
    .TableHeader2 { BACKGROUND: #D3E5FA; background-image: url("menubg.gif");  cursor:pointer; COLOR: #000066;FONT-WEIGHT: bold;}
    .TableContent{ BACKGROUND: #F0F0F0;}
    .TableData   { BACKGROUND: #FFFFFF;COLOR:#000000;}
    .TableLine1  { BACKGROUND: #F3F3F3;}
    .TableLine2  { BACKGROUND: #FFFFFF;}
    .TextColor1  { COLOR: #FF6600;}
    .TextColor2  { COLOR: #FF0000;}
    .top{ COLOR: #FF0000;font-weight:bold;}

    .percent { height: 12px; border: 1px solid #666666; float: left; padding: 0px;margin-top:3px;}
    .percent div {height: 8px;font-size: 0px;margin: 1px;}
    .percenttxt {float:left;font-size: 9pt;margin-top:1px;}
    .s_on{background:url(/images/topmenubg2.gif);font-size: 9pt;}
    .s_of{background:url(/images/topmenubg1.gif);font-size: 9pt;}
    .m_on{background:url(/images/topmenubg2.gif);font-size: 9pt;}
    .border14-1 {border: solid 1px #2E2E5A;font-size: 14px;}/* 表格外框 */
    .border14-2 {border-bottom- 1px;border-bottom-style: solid;border-bottom-color: #2E2E5A;border-right- 1px;border-right-style: solid;border-right-color: #2E2E5A;font-size: 14px;}/* 表格边框右面 */
    .border14-3 {border-bottom- 1px;border-bottom-style: solid;border-bottom-color: #98BBD6;font-size: 14px;border-top-style: none;border-right-style: none;border-left-style: none;}/* 表格边框底面 */
    .border14-4 {border-right- 1px;border-right-style: solid;border-right-color: #98BBD6;font-size: 14px;}/* 表格边框左面 */
    .title_text {  font-size: 14px; font-weight: bold; color: #0A5FA2; }
    .table_border {  border-color: #98BBD6 #98BBD6 black; border-style: solid; border-top- 1px; border-right- 1px; border-bottom- 0px; border-left- 1px}
    .table_bg {  background-attachment: fixed; background-image: url("bg_header.png"); background-repeat: repeat; background-position: left; border-color: #2E2E5A black; border-style: solid; border-top- 1px; border-right- 1px; border-bottom- 0px; border-left- 1px}
    .table_left {  background-attachment: fixed; background-image: url(table_left.gif); background-repeat: no-repeat; background-position: left}

    .attach_name:link,.attach_name:hover,.attach_name:active,.attach_name:visited{color:#0D3A73;}
    .attach_div{display:none;auto;border-top:0;border-left: #124164 1px solid;border-right: #124164 1px solid;border-bottom:#124164 1px solid;position:absolute;padding:0px;z-index:10001;background:#E2E5E6;}
    .attach_div a{display:block;line-height:20px;padding:3px 0 0 10px;border-top: #124164 1px dotted;100%;margin:3px;margin-top:0;}
    .attach_div a:hover{background:#F0F0F0;border: solid 1px #606275;padding:3px 0 0 10px;auto}

    /*  列表型表格样式  */
    .TableList{
       border:1px #9F9F9F solid;
       line-height:25px;
       font-size:9pt;
       border-collapse:collapse;
    }
    .TableList td{
       padding:3px;
       color:#000000;
    }
    .TableList .TableHeader td,
    .TableList td.TableHeader{
       background:url("list_hd_bg.png");
       border-top:1px #9F9F9F solid;
       border-right:1px #DCDCDC solid;
       font-weight:bold;
       text-align:center;
       padding:0px;
    }
    .TableList .TableLine1 td,
    .TableList td.TableLine1{
       background:#F8F8F8;
       border-top:1px #DCDCDC solid;
    }
    .TableList .TableLine2 td,
    .TableList td.TableLine2{
       background:#FFFFFF;
       border-top:1px #DCDCDC solid;
    }
    .TableList .TableData td,
    .TableList td.TableData{
       background:#FFFFFF;
       border-top:1px #DCDCDC solid;
    }
    .TableList .TableContent td,
    .TableList td.TableContent{
       background:#F0F0F0;
       border-top:1px #DCDCDC solid;
    }
    .TableList .TableFooter td,
    .TableList .TableControl td,
    .TableList td.TableFooter,
    .TableList td.TableControl{
       background: url("footer_bg.png") bottom left;
       border-top:1px #DCDCDC solid;
    }
    .TableList .TextColor1 td,
    .TableList td.TextColor1
    {
       COLOR: #FF6600;
    }
    .TableList .TextColor2 td,
    .TableList td.TextColor2
    {
       COLOR: #FF0000;
    }

    /*  block型表格样式  */
    .TableBlock{
       border:1px #124164 solid;
       line-height:20px;
       font-size:9pt;
       border-collapse:collapse;
       padding:3px;
    }
    .TableBlock td{
       padding:3px;
       color:#000000;
    }
    .TableBlock .TableHeader td,
    .TableBlock td.TableHeader{
       background:url("list_hd_bg.png");
       border-top:1px #9F9F9F solid;
       border-right:1px #606275 solid;
       font-weight:bold;
       color:#124164;
       line-height:25px;
    }
    .TableBlock .TableLine1 td,
    .TableBlock td.TableLine1{
       background:#F8F8F8;
       border-top:1px #606275 solid;
       border-right:1px #606275 solid;
    }
    .TableBlock .TableLine2 td,
    .TableBlock td.TableLine2{
       background:#FFFFFF;
       border-top:1px #606275 solid;
       border-right:1px #606275 solid;
    }
    .TableBlock .TableData td,
    .TableBlock td.TableData{
       background:#FFFFFF;
       border-top:1px #606275 solid;
       border-right:1px #606275 solid;
    }
    .TableBlock .TableContent td,
    .TableBlock td.TableContent{
       background:#F0F0F0;
       border-top:1px #606275 solid;
       border-right:1px #606275 solid;
    }
    .TableBlock .TableFooter td,
    .TableBlock .TableControl td,
    .TableBlock td.TableFooter,
    .TableBlock td.TableControl{
       background: url("footer_bg.png") bottom left;
       border-top:1px #606275 solid;
    }

    .Content{
       line-height:normal;
    }

    .TableControl a{
       color:#124164;
       text-decoration: none;
    }

    .TableBlock .TableRowHover td,
    .TableBlock td.TableRowHover
    {
       background:#E2E5E6;
    }

    .TableBlock .TableRowActive td,
    .TableBlock td.TableRowActive
    {
       background:#7D95A5;
       color:#FFFFFF;
    }
    /* 提示框样式 */
    .MessageBox{
       border:1px #124164 dotted;
       background:#FFFFFF;
       margin-top:15px;
       margin-bottom:15px;
    }
    .MessageBox td.msg{
       height:90px;
       padding:5px 20px 10px 90px;
       font-weight:bold;
    }
    .MessageBox td.msg h4.title{
       color:#124164;
       font-size:18pt;
       border-bottom:1px #124164 dotted;
       margin-bottom:10px;
    }
    .MessageBox td.msg div.content{
       color:#6BAD42;
       border:none;
    }
    .MessageBox td.error{
       background:url("/images/icon64_error.png") no-repeat top left;
       background-position:10px 10px;
    }
    .MessageBox td.info{
       background:url("/images/icon64_info.png") no-repeat top left;
       background-position:10px 10px;
    }
    .MessageBox td.warning{
       background:url("/images/icon64_warning.png") no-repeat top left;
       background-position:10px 10px;
    }
    .MessageBox td.forbidden{
       background:url("/images/icon64_forbidden.png") no-repeat top left;
       background-position:10px 10px;
    }
    .MessageBox td.stop{
       background:url("/images/icon64_stop.png") no-repeat top left;
       background-position:10px 10px;
    }
    .MessageBox td.blank{
       height:40px;
       padding:10px 20px 10px 20px;
       text-align:center;
    }

    //--- 图形化设计 ---
    var dragapproved = false;
    var eventsource,x,y;
    var popeventsource = "";
    var temp1 = 0;
    var temp2 = 0;

    function nocontextmenu()
    {
     event.cancelBubble = true
     event.returnValue = false;

     return false;
    }

    //-- 初始化移动参数 --
    function nodrags()
    {
       dragapproved = false;
    }

    function move()
    {
     if (event.button == 1 && dragapproved)
     {
      var newleft = temp1 + event.clientX - x;
      var newtop = temp2 + event.clientY - y;
      eventsource.style.pixelLeft = newleft;
      eventsource.style.pixelTop = newtop;

      drawLine();

      return false;
     }
    }

    function drags()
    {
      if (event.button != 1)
         return;

     var objRect = event.srcElement;
     if (event.srcElement.tagName.toLowerCase() == 'textbox') objRect = event.srcElement.parentElement;

     if ((objRect.tagName == 'roundrect') && (!event.ctrlKey))
     {
      dragapproved = true;
      eventsource = objRect;
      temp1 = eventsource.style.pixelLeft;
      temp2 = eventsource.style.pixelTop;
      x = event.clientX;
      y = event.clientY;
      document.onmousemove = move;
     }
    }

    //-- 画线 --
    function drawLine()
    {
      var source;
      var object;
      var sourceObj;
      var objectObj;
      var x0,y0,x1,y1;
      var p0,p1;
      var a = document.getElementsByTagName('line');
      for (var i = 0; i < a.length; i++)
      {
         source = a[i].getAttribute('source');
         object = a[i].getAttribute('object');
         if ((source != null) && (object != null))
         {
            sourceObj = document.getElementById(source);
            objectObj = document.getElementById(object);

            if ((sourceObj == null) || (objectObj == null)) continue;

            if (sourceObj.style.pixelLeft > objectObj.style.pixelLeft)
            {
               if ((sourceObj.style.pixelLeft - objectObj.style.pixelLeft) <= objectObj.style.pixelWidth)
               {
       x0 = sourceObj.style.pixelLeft + sourceObj.style.pixelWidth / 2;
       x1 = objectObj.style.pixelLeft + objectObj.style.pixelWidth / 2;
                   if (sourceObj.style.pixelTop >  objectObj.style.pixelTop)
                   {
           y0 = sourceObj.style.pixelTop;
           y1 = objectObj.style.pixelTop  + objectObj.style.pixelHeight;
                   }
                   else
                   {
           y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight;
           y1 = objectObj.style.pixelTop;
         }
               }
               else
               {
                   x0 = sourceObj.style.pixelLeft;
                   x1 = objectObj.style.pixelLeft + objectObj.style.pixelWidth;
         y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight / 2;
         y1 = objectObj.style.pixelTop + objectObj.style.pixelHeight / 2;
               }
            }
            else
            {
               if ((objectObj.style.pixelLeft - sourceObj.style.pixelLeft) <= objectObj.style.pixelWidth)
               {
       x0 = sourceObj.style.pixelLeft + sourceObj.style.pixelWidth / 2;
       x1 = objectObj.style.pixelLeft + objectObj.style.pixelWidth / 2;
                   if (sourceObj.style.pixelTop >  objectObj.style.pixelTop)
                   {
           y0 = sourceObj.style.pixelTop;
           y1 = objectObj.style.pixelTop  + objectObj.style.pixelHeight;
                   }
                   else
                   {
           y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight;
           y1 = objectObj.style.pixelTop;
         }
               }
               else
               {
      x0 = sourceObj.style.pixelLeft + sourceObj.style.pixelWidth;
      x1 = objectObj.style.pixelLeft;
      y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight / 2;
      y1 = objectObj.style.pixelTop + objectObj.style.pixelHeight / 2;
                 }
            }

            a[i].from = String(x0) + ',' + String(y0);
            a[i].to = String(x1) + ',' + String(y1);

            a[i].style.pixelLeft = x0 + 'px';
            a[i].style.pixelTop = y0 + 'px';

            //条件
            strIF = a[i].getAttribute('title');
            if ((strIF != null) && (strIF != ''))
            {
     var id = 'if_' + source + '_' + object;
     var obj = document.getElementById(id);

     var left = (x0 + (x1 - x0) / 2 - 30);
     var top = (y0 + (y1 - y0) / 2 - 15);

     if (obj != null)
     {
      obj.style.pixelLeft = left + 'px';
      obj.style.pixelTop = top + 'px';

      obj.style.left = left + 'px';
      obj.style.top = top + 'px';

      obj.style.display = '';
     }
            }

            a[i].style.display = '';
         }
      }
    }

    //表单加载完成
    function document.onreadystatechange()
    {
       if (document.readyState=='complete')
       {
          drawLine();
          document.onmousedown = drags;  //开始移动
          document.onmouseup = nodrags;  //结束移动
       }
    }

     

  • 相关阅读:
    Binary Tree
    (并查集..含小总结)A
    (超简单并查集)POJ2524 Ubiquitous Religions(8.4.4)
    OpenSees开发(一)windows 上编译opensees (使用vs2005)
    vector的push_back对于拷贝构造和赋值操作的调用
    一个指针的引用引发的血案
    MFC中由左键单击模拟左键双击引起的问题
    CLAPACK动态调用
    SVN部署(远程)客户端篇
    SVN部署(本地)
  • 原文地址:https://www.cnblogs.com/SoulStore/p/1971784.html
Copyright © 2011-2022 走看看