root
/
UseStudio.CloudFront


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923
							<!doctype html>
<html xmlns:wb="http://open.weibo.com/wb" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!--强制ie7，ie8 innerText换行符为空格，不好办111-->
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <meta name="Keywords" content="在线编程|云编程|在线HTML|在线HTML5" />
    <meta name="description" content="在线编程|云编程|javascript|html5。,无需安装、登录即可使用！国内首款在线编程平台，能带你快速学习Javascript编程，支持在线学习javascript,html5,css。后期会推出在线C语言，在线PHP等语言。。" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta property="wb:webmaster" content="31656711026d7228" />
    <meta property="qc:admins" content="103224276361473636" />
    <meta name="baidu-tc-cerfication" content="2380c76f3aa8a080de8fda7e2659a58b" />
    <!--引用开源框架 End-->
    <script type="text/javascript">        document.domain = "1473.cn";</script>
    <!--主样式表-->
    <link href="css/UCD.css" rel="stylesheet" type="text/css" />
    <!--上部菜单样式表-->
    <link href="css/UCD_TOP.css" rel="stylesheet" type="text/css" />
    <!--左边控件样式表-->
    <link href="css/UCD_Left.css" rel="stylesheet" type="text/css" />
    <!--中间代码窗口样式表-->
    <link href="css/UCD_Center.css" rel="stylesheet" type="text/css" />
    <!--右边树的样式表-->
    <link href="css/UCD_Right.css" rel="stylesheet" type="text/css" />
    <!--示例项目样式-->
    <link href="css/UCD_SL.css" rel="stylesheet" type="text/css" />
    <link href="css/U.CD.Con.css" rel="stylesheet" type="text/css" />
    <!--运行时代码窗口的样式表-->
    <link href="/css/UCD_Run.css" rel="stylesheet" type="text/css" />
    <!--首页窗口的样式表-->
    <link href="/css/UCD_SY.css" rel="stylesheet" type="text/css" />
    <link href="/css/UJ.css" rel="stylesheet" type="text/css" />
    <link href="css/U.CD.Con.css" rel="stylesheet" type="text/css" />
    <!--引用1473的样式表-->
    <link href="http://www.1473.cn/uform.css" rel="stylesheet" type="text/css" />
    <!--js命名空间  U.CD   CSS命名空间   UCD_-->
    <!--直接引用1473的js文件-->
    <script src="http://www.1473.cn/uform.js" type="text/javascript"></script>
    <script src="http://www.1473.cn/uformd.js" type="text/javascript"></script>
    <!--引用城市数据库-->
    <!--测试把1473主项目作为子iframe引用到本项目-->
    <!--布局js文件-->
    <script src="/js/Main/U.CD.Layout.js" type="text/javascript"></script>
    <!--运行时js文件-->
    <script src="/js/Main/U.CD.Run.js" type="text/javascript"></script>
    <!--主js文件-->
    <script src="/js/Main/U.CD.js" type="text/javascript"></script>
    <!--上部菜单栏js文件-->
    <script src="/js/BarFunc/U.CD.Top.js" type="text/javascript"></script>
    <!--用户登录注册等js-->
    <script src="/js/External/U.CD.U.js" type="text/javascript"></script>
    <!--右边树js文件-->
    <script src="/js/RightTree/U.CD.Right.js" type="text/javascript"></script>
    <!--各种控件代码-->
    <script src="/js/External/U.CD.Control.js" type="text/javascript"></script>
    <!--云端控件代码-->
    <script src="/js/External/U.CD.USControl.js" type="text/javascript"></script>
    <!--代码区域js文件-->
    <script src="/js/Code/U.CD.Code.js" type="text/javascript"></script>
    <!--代码提示js文件-->
    <script src="/js/Main/U.CD.Tips.js" type="text/javascript"></script>
    <!--示例项目区域-->
    <script src="/js/Main/U.CD.SL.js" type="text/javascript"></script>
    <!--文件类型，如果Html js等。-->
    <script src="/js/RightTree/U.CD.FileType.js" type="text/javascript"></script>
    <!--url重新登。-->
    <script src="/js/Main/U.CD.Url.js" type="text/javascript"></script>
    <!--其他杂项-->
    <script src="/js/U.CD.Other.js" type="text/javascript"></script>
    <!--引用1473主项目功能-->
    <script src="/js/External/U.CD.OutApp.js" type="text/javascript"></script>
    <script src="js/External/U.CD.Control.js" type="text/javascript"></script>
    <script src="js/External/U.CD.Config.js" type="text/javascript"></script>
</head>
<body oncontextmenu="return false">
    <div id="UCD_Contain" __top__="false">
        <!--上部菜单-->
        <div id="UCD_TOP" class="UCD_TOP">
            <img class="UCD_TOP_A" onclick="U.CD.OU.CHDesk('d')" alt="云编程" src="images/DPlogo.png">
            <div class="UCD_TOP_List">
                <div class="UCD_TOP_List_C" id="UCD_TOP_L_XJ" onclick="U.CD.R.NewPro()">
                    新建项目
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.R.NewFile()">
                    新建文件
                </div>
                <div class="UCD_TOP_List_C" id="UCD_TOP_L_BC">
                    保存
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.LO.HEToolbar()">
                    工具箱
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.LO.OCZY()">
                    资源管理
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.R.OpenRun()">
                    运行
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.T.SY()">
                    切换语言
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.T.SuccessfulCase()">
                    成功案例
                </div>
                <div class="UCD_TOP_List_C" onclick="U.CD.OU.Forum()">
                    论坛
                </div>
                <div class="UCD_TOP_List_C" id="UCD_TOP_L_CZ" onclick="U.CD.OU.Reply(U.CD.RPID)"
                    style="display: none;">
                    评论
                </div>
            </div>
            <div class="UCD_TOP_GD" style="display: none">
                <ul>
                    <li><a href="#">这里是会滑动的公告栏~到这里就结束啦</a></li>
                </ul>
            </div>
            <div id="UCD_TOP_AL">
            </div>
            <div id="UCD_TOP_L">
                <div id="UCD_TOP_L_DL" onclick="U.CD.U.LoginApply() ">
                    登陆
                </div>
            </div>
        </div>
        <!--下部内容-->
        <div id="UCD_Bottom">
            <!--左边工具栏-->
            <div id="UCD_TT" class="UCD_TT" style="display: block;">
                <!--<div class="UCD_TT_T">
                    <div class="UCD_TT_T_N">
                        云端控件
                    </div>
                    <div class="UCD_TT_T_X" onclick="U.CD.LO.HEToolbar(this)">
                        X
                    </div>
                </div>-->
                <div id="UCD_TT_Z">
                    <div class="UCD_TT_P" onclick="U.CD.L.OpenOrCloseList($('#UCD_TT_P_JB')[0])">
                        基本控件
                    </div>
                    <div id="UCD_TT_P_JB" style="display: block;">
                        <ul>
                            <li onmousedown="U.CD.L.moudt('div',this);">
                                <div>
                                    <img src="images/div_1.png" />
                                </div>
                                <span>div</span> </li>
                            <li onmousedown="U.CD.L.moudt('p',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>P</span> </li>
                            <li onmousedown="U.CD.L.moudt('h',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>H</span> </li>
                            <li onmousedown="U.CD.L.moudt('button',this);">
                                <div>
                                    <img src="images/input button.png" />
                                </div>
                                <span>Input(Button)</span> </li>
                            <li onmousedown="U.CD.L.moudt('reset',this);">
                                <div>
                                    <img src="images/input reset.png" />
                                </div>
                                <span>Input(Reset)</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/input-text.png" />
                                </div>
                                <span>Input(Text)</span> </li>
                            <li onmousedown="U.CD.L.moudt('password',this);">
                                <div>
                                    <img src="images/input-password.png" />
                                </div>
                                <span>Input(Password)</span> </li>
                            <li onmousedown="U.CD.L.moudt('radio',this);">
                                <div>
                                    <img src="images/input-radio.png" />
                                </div>
                                <span>Input(Radio)</span> </li>
                            <li onmousedown="U.CD.L.moudt('checkbox',this);">
                                <div>
                                    <img src="images/control icon/basic/input checkbox.png" />
                                </div>
                                <span>Input(Checkbox)</span> </li>
                            <li onmousedown="U.CD.L.moudt('submit',this);">
                                <div>
                                    <img src="images/input-checkbox.png" />
                                </div>
                                <span>Input(Submit)</span> </li>
                            <li onmousedown="U.CD.L.moudt('file',this);">
                                <div>
                                    <img src="images/15.png" />
                                </div>
                                <span>Img(上传图片)</span> </li>
                            <li onmousedown="U.CD.L.moudt('img',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>Img(图片标签)</span> </li>
                            <li onmousedown="U.CD.L.moudt('div',this);">
                                <div>
                                    <img src="images/15.png" />
                                </div>
                                <span>div(圆形)</span> </li>
                            <li onmousedown="U.CD.L.moudt('select',this);">
                                <div>
                                    <img src="images/18.png" />
                                </div>
                                <span>Select</span> </li>
                            <li onmousedown="U.CD.L.moudt('textarea',this);">
                                <div>
                                    <img src="images/17.png" />
                                </div>
                                <span>Textarea</span> </li>
                            <li onmousedown="U.CD.L.moudt('ul',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>Ul</span> </li>
                            <li onmousedown="U.CD.L.moudt('ol',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>Ol</span> </li>
                            <li onmousedown="U.CD.L.moudt('table',this);">
                                <div>
                                    <img src="images/16.png" />
                                </div>
                                <span>Table</span> </li>
                        </ul>
                    </div>
                    <div class="UCD_TT_P" onclick="U.CD.L.OpenOrCloseList($('#UCD_TT_P_LO')[0])">
                        <span>复杂控件</span>
                    </div>
                    <div id="UCD_TT_P_LO" style="display: none;">
                        <ul>
                            <li onmousedown="U.CD.L.moudt('Tree_directory',this);">
                                <div>
                                    <img src="images/control icon/complex/tree_control.png" />
                                </div>
                                <span>树控件</span> </li>
                            <!--<li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/9.png" />
                                </div>
                                <span>登陆表单</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/9.png" />
                                </div>
                                <span>注册表单</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/10.png" />
                                </div>
                                <span>搜索表单</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>密码提示</span> </li>-->
                            <li onmousedown="U.CD.L.moudt('tab',this);">
                                <div>
                                    <img src="images/control icon/complex/autocompletion_box.png" />
                                </div>
                                <span>自动补齐输入框</span> </li>
                            <li onmousedown="U.CD.L.moudt('video',this);">
                                <div>
                                    <img src="images/control icon/complex/video_form.png" />
                                </div>
                                <span>视频窗体<span> </li>
                            <li onmousedown="U.CD.L.moudt('Note',this);">
                                <div>
                                    <img src="images/control icon/complex/note.png" />
                                </div>
                                <span>便签<span> </li>
                            <li onmousedown="U.CD.L.moudt('Bulid',this);">
                                <div>
                                    <img src="images/control icon/complex/qr_code.png" />
                                </div>
                                <span>生成二维码<span> </li>
                            <li onmousedown="U.CD.L.moudt('RollingLoad',this);">
                                <div>
                                    <img src="images/control icon/complex/rolling_load.png" />
                                </div>
                                <span>滚动加载<span> </li>
                            <!--<li onmousedown="U.CD.L.moudt('navigation');">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>导航</span> </li>
                            <li onmousedown="U.CD.L.moudt('pagination');">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>分页</span> </li>
                            <li onmousedown="U.CD.L.moudt('switchingcard');">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>切换卡</span> </li>-->
                        </ul>
                    </div>
                    <div class="UCD_TT_P" onclick="U.CD.L.OpenOrCloseList($('#UCD_TT_P_ZD')[0])">
                        <span>自定义控件</span>
                    </div>
                    <div id="UCD_TT_P_ZD" style="display: none;">
                        <ul>
                            <li onmousedown="U.CD.L.moudt('calendar',this);">
                                <div>
                                    <img src="images/control icon/custom/calendar_selection.png" />
                                </div>
                                <span>日历选择控件</span> </li>
                            <li onmousedown="U.CD.L.moudt('City',this);">
                                <div>
                                    <img src="images/control icon/custom/city_select_control.png" />
                                </div>
                                <span>城市选择控件</span> </li>
                            <li onmousedown="U.CD.L.moudt('Map',this);">
                                <div>
                                    <img src="images/control icon/custom/map_location.png" />
                                </div>
                                <span>地图定位</span> </li>
                            <li onmousedown="U.CD.L.moudt('Loading',this);">
                                <div>
                                    <img src="images/control icon/custom/progress_bar.png" />
                                </div>
                                <span>进度条</span> </li>
                            <li onmousedown="U.CD.L.moudt('alert',this);">
                                <div>
                                    <img src="images/control icon/custom/alert_forms.png" />
                                </div>
                                <span>alert窗体</span> </li>
                            <li onmousedown="U.CD.L.moudt('Comfirm',this);">
                                <div>
                                    <img src="images/control icon/custom/confirm_forms.png" />
                                </div>
                                <span>confirm窗体</span> </li>
                            <!--<li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/control icon/custom/tab.png" />
                                </div>
                                <span>选项卡</span> </li>-->
                            <li onmousedown="U.CD.L.moudt('Upload',this);">
                                <div>
                                    <img src="images/control icon/custom/file_upload.png" />
                                </div>
                                <span>文件上传</span> </li>
                            <li onmousedown="U.CD.L.moudt('Calculator',this);">
                                <div>
                                    <img src="images/control icon/custom/calculator.png" />
                                </div>
                                <span>计算器</span> </li>
                            <li onmousedown="U.CD.L.moudt('Imagelist',this);">
                                <div>
                                    <img src="images/control icon/custom/H5_upload_pictures.png" />
                                </div>
                                <span>H5拖拽上传图片</span> </li>
                            <li onmousedown="U.CD.L.moudt('pagI',this);">
                                <div>
                                    <img src="images/control icon/custom/aspnetpager.png" />
                                </div>
                                <span>分页控件</span> </li>
                            <!--       <li onmousedown="U.CD.L.moudt('pagII',this);">
                                <div>
                                    <img src="images/control icon/custom/aspnetPager_2.png" />
                                </div>
                                <span>分页控件 样式二</span> </li>-->
                            <li onmousedown="U.CD.L.moudt('ScrImg',this);">
                                <div>
                                    <img src="images/control icon/custom/H5_picture_gallery.png" />
                                </div>
                                <span>H5图片画廊</span> </li>
                            <li onmousedown="U.CD.L.moudt('navgation',this);">
                                <div>
                                    <img src="images/control icon/custom/navigation_bar.png" />
                                </div>
                                <span>导航条</span> </li>
                            <li onmousedown="U.CD.L.moudt('colorpicker',this);">
                                <div>
                                    <img src="images/control icon/custom/color_picker.png" />
                                </div>
                                <span>颜色拾取控件</span> </li>
                        </ul>
                    </div>
                    <div class="UCD_TT_P" onclick="U.CD.L.OpenOrCloseList($('#UCD_TT_P_FY')[0])">
                        <span>可复用模块</span>
                    </div>
                    <div id="UCD_TT_P_FY" style="display: none;">
                        <ul>
                            <!-- <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>路径导航</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>媒体块</span> </li>
                            <li onmousedown="U.CD.L.moudt('FoldingMenu',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>折叠菜单</span> </li>-->
                            <li onmousedown="U.CD.L.moudt('Lnav',this);">
                                <div>
                                    <img src="images/control icon/reusable module/left_and_right_side_navigation.png" />
                                </div>
                                <span>左右侧导航</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/control icon/reusable module/preview_list.png" />
                                </div>
                                <span>预览列表</span> </li>
                            <li onmousedown="U.CD.L.moudt('Watefall_phone',this);">
                                <div>
                                    <img src="images/control icon/reusable module/waterfall_flow_layout.png" />
                                </div>
                                <span>瀑布流布局</span> </li>
                            <!-- <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>卡片式布局</span> </li>-->
                            <li onmousedown="U.CD.L.moudt('Uresponse',this);">
                                <div>
                                    <img src="images/control icon/reusable module/responsive_layout.png" />
                                </div>
                                <span>响应式布局</span> </li>
                        </ul>
                    </div>
                    <div class="UCD_TT_P" onclick="U.CD.L.OpenOrCloseList($('#UCD_TT_P_PH')[0])">
                        <span>手机控件</span>
                    </div>
                    <div id="UCD_TT_P_PH" style="display: none;">
                        <ul>
                            <li onmousedown="U.CD.L.moudt('calenm',this);">
                                <div>
                                    <img src="images/control icon/custom/calendar_selection.png" />
                                </div>
                                <span>日历控件</span> </li>
                            <!-- <li onmousedown="U.CD.L.moudt('banner_phone',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>-->
                            <!--     <span>手机触碰滚动图</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>手机端返回按钮</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>底部标签</span> </li>
                            <li onmousedown="U.CD.L.moudt('text',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>标题栏</span> </li>-->
                        </ul>
                    </div>
                    <div class="UCD_TT_P" onclick="U.CD.L.OpenOrCloseList($('#UCD_TT_P_ZJ')[0])">
                        <span>云端组件</span>
                        <!--                      <div style="float: right; color: Red; font-size: 10px; background-color: #fff7dd;
                            margin-right: 6px;" onclick="U.CD.L.ZZHelp()">
                            帮助
                        </div>-->
                    </div>
                    <div id="UCD_TT_P_ZJ" style="display: none;">
                        <ul>
                            <li onmousedown="U.CD.L.moudt('Login',this);">
                                <div>
                                    <img src="images/9.png" />
                                </div>
                                <span>登录表单</span> </li>
                            <li onmousedown="U.CD.L.moudt('search',this);">
                                <div>
                                    <img src="images/10.png" />
                                </div>
                                <span>搜索表单</span> </li>
                            <li onmousedown="U.CD.L.moudt('registerter',this);">
                                <div>
                                    <img src="images/11.png" />
                                </div>
                                <span>注册表单</span> </li>
                            <li onmousedown="U.CD.L.moudt('buttongroup');">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>按钮组</span> </li>
                            <li onmousedown="U.Alert('正在开发中')">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>云系统引入示例</span> </li>
                            <li onmousedown="U.Alert('正在开发中')">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>登录系统引入示例</span> </li>
                            <li onmousedown="U.Alert('正在开发中')">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>云盘系统引入示例</span> </li>
                            <li onmousedown="U.CD.L.moudt('聊天功能',this)">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>聊天系统引入示例</span> </li>
                            <li onmousedown="U.CD.L.moudt('forum', this)">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>论坛系统引入示例</span> </li>
                            <li onmousedown="U.CD.L.moudt('圈子功能',this)">
                                <div>
                                    <img src="images/12.png" />
                                </div>
                                <span>圈子功能引入示例</span> </li>
                            <!--   <li onmousedown="U.CD.L.moudt('bar');">
                                <div>
                                    <img src="images/13.png" />
                                </div>
                                <span>进度条</span> </li>
                            <li onmousedown="U.CD.L.moudt('preview');">
                                <div>
                                    <img src="images/14.png" />
                                </div>
                                <span>预览列表</span> </li>
                            <li onmousedown="U.CD.L.moudt('comfirm',this);">
                                <div>
                                    <img src="images/li.png" />
                                </div>
                                <span>确认框</span> </li>-->
                        </ul>
                    </div>
                </div>
                <div class="UCD_TT_B">
                    <div class="UCD_TT_B_T">
                        学习资料区域
                    </div>
                    <!--<div class="UCD_TT_B_G"><iframe src="proxy.html?id=897887" width="125" height="125" scrolling="no" frameborder="0" style="display:block;margin:0"></iframe></div>-->
                </div>
            </div>
            <!--分割线-->
            <!--<div class="UCD_Split">
            <div title="展开" onclick="U.CD.LO.HEToolbar(this)" class="UCD_Split_BT">
            </div>
        </div>-->
            <!--代码和效果展示区域-->
            <div id="UCD_CT" class="UCD_CT">
                <!--保存和视图-->
                <div id="UCD_CT_BT">
                    <div class="UCD_CT_BT_Com" onclick="U.CD.LO.View(this)" style="margin-left: 10px">
                        视图
                    </div>
                    <div class="UCD_CT_BT_Com" onclick="U.CD.LO.Split(this)">
                        拆分
                    </div>
                    <div class="UCD_CT_BT_Com" onclick="U.CD.LO.Code(this)">
                        代码
                    </div>
                    <div class="UCD_CT_BT_Com" style="width: 87px; position: relative; display: none;"
                        onclick="U.CD.LO.judge(event)" onmouseover='$("#UCD_CT_BT_Com_Wrap")[0].style.display="block"'
                        onmouseout='$("#UCD_CT_BT_Com_Wrap")[0].style.display="none"'>
                        手机模式
                        <div id="UCD_CT_BT_Com_Wrap">
                            <span class='UCD_CT_BT_Com_Point'></span>
                            <div class="UCD_CT_BT_Com_Phone_List" onclick="U.CD.LO.Phone(event)">
                                <div class="UCD_CT_BT_Com_child" onmouseover='$(".UCD_CT_BT_Com_Point")[0].style.border-color="#1577e6"'>
                                    Galaxy S5</div>
                                <div class="UCD_CT_BT_Com_child">
                                    Nexus 5X</div>
                                <div class="UCD_CT_BT_Com_child">
                                    Iphone 5</div>
                                <div class="UCD_CT_BT_Com_child">
                                    Iphone 6</div>
                                <div class="UCD_CT_BT_Com_child">
                                    Iphone 6 Plus</div>
                            </div>
                        </div>
                    </div>
                    <div class="UCD_CT_BT_Com" style="width: 65px; display: none" onclick="U.CD.LO.Window()"
                        id="U_CD_LO_Window">
                        窗口模式
                    </div>
                    <div class="UCD_CT_BT_Com" style="width: 65px; display: none" onclick="test();" id="U_CD_LO_Window2">
                        取消
                    </div>
                    <div class="UCD_CT_IF_T_CM">
                        <div id="UCD_CT_IF_PL" onclick="U.CD.OU.Reply(U.CD.RPID)">
                            评论
                        </div>
                        <div onclick="U.CD.T.ReDo()">
                            清空
                        </div>
                        <!--<div onclick="U.CD.CD.FushIframe({'innerText': U.CD.Editor.getValue()});">
                            设计窗口运行
                        </div>-->
                        <div onclick="U.CD.CD.FushIframe($('#UCD_CT_Code_CT')[0]);">
                            设计窗口运行
                        </div>
                        <div onclick="U.CD.R.OpenRun()">
                            新窗口运行
                        </div>
                    </div>
                </div>
                <!--代码切换选项卡-->
                <div id="UCD_CT_Top_Tab">
                    <div id="UCD_CT_Top_Tab_Ul">
                    </div>
                    <div class="UCD_CT_AddPag" onclick="U.CD.R.NewFile();" style="display: none;">
                        <img src="/images/addpage.png" class="UCD_CT_Tips_APImg">
                    </div>
                </div>
                <!--代码和代码预览窗口-->
                <div id="UCD_CT_CT">
                    <!--代码预览窗口-->
                    <div id="UCD_CT_IF">
                        <!--<div class="UCD_CT_IF_T">
                            <div class="UCD_CT_IF_T_RE">
                                结果显示窗口
                            </div>
                            
                        </div>-->
                        <iframe src="RS.htm" scrolling="yes" frameborder="0" width="100%" name="UCD_CT_SM_IF"
                            id="UCD_CT_SM_IF"></iframe>
                    </div>
                    <!--具体代码以及行号-->
                    <div id="UCD_CT_HH_Code">
                        <!--<div id="UCD_CT_HH_Drag" onmousedown="U.CD.CD.Drag(this)"></div>-->
                        <!--         <textarea id="UCD_CT_Code_Value"></textarea>
                        <div style="position: absolute; z-index: -1; top: -1000px;">
                            <div id="UCD_CT_Code_Transform">
                            </div>
                        </div>-->
                        <!--这里暂时注释掉以前的CODE，使用CodeMirror实现先-->
                        <!--代码行号-->
                        <div id="UCD_CT_HH_CT">
                        </div>
                        <!--   具体代码-->
                        <div id="UCD_CT_Code">
                            <div id="UCD_CT_Code_CT" spellcheck="false" contenteditable="true">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--右边建立项目、文件夹、文件-->
            <div id="UCD_RTree" style="display: none;">
            </div>
        </div>
        <!--新建文件件和文件面板，这个也可以独立成一个控件，现在是在1473主项目中拷贝的上传文件的样式。-->
        <div id="UCD_RT_FUP" class="UCD_RT_FUP Radius5" style="display: none;">
            <div class="UCD_RT_FUPH" onmousedown="U.UF.EV.stopBubble();U.D.DragMouseDown(this.parentNode);">
                <div class="UCD_RT_FUPHT">
                    云编程命令接口窗口
                </div>
                <div title="关闭" class="UCD_RT_DiskGE UDK_UP_TC" onclick="U.D.WindowMin(this.parentNode.parentNode);"
                    onmousedown="U.UF.EV.stopBubble()">
                </div>
            </div>
            <div class="UCD_RT_FUPC">
                <div id="UCD_RT_FUPCT">
                </div>
                <div id="UCD_RT_FUPCC" class="UCD_RT_FUPCC">
                </div>
            </div>
            <!--<div class="UCD_RT_FUPW">
                <div class="UCD_RT_FUPWT">
                    提示：选取上面的命令行进入相应功能！
                </div>
            </div>-->
        </div>
        <div id="UCD_SLPublish" class="Radius5" style="display: block;">
            <div class="UCD_RT_FUPH" onmousedown="U.UF.EV.stopBubble();U.D.DragMouseDown(this.parentNode);">
                <div class="UCD_RT_FUPHT">
                    发布项目
                </div>
                <div title="关闭" class="UCD_RT_DiskGE UDK_UP_TC" onclick="U.D.WindowMin(this.parentNode.parentNode);"
                    onmousedown="U.UF.EV.stopBubble()">
                </div>
            </div>
            <div id="UCD_SLPublish_cont" class="UD_SYF_SCO">
            </div>
        </div>
        <!--示例项目-->
        <div id="UCD_SL" style="display: none;">
            <div class="UCD_SL_T" onmousedown="U.UF.EV.stopBubble();U.D.DragMouseDown(this.parentNode);">
                <div class="UCD_RT_FUPHT">
                    成功案例
                </div>
                <div title="关闭" class="UCD_SL_T_X" onclick="U.D.WindowMin(this.parentNode.parentNode);"
                    onmousedown="U.UF.EV.stopBubble()">
                    ×
                </div>
            </div>
            <div class="UCD_SL_N">
                <div class="UCD_SL_N_T">
                    <div class="UCD_SL_N_T_B">
                        <img class="UCD_SL_N_T_B_I" alt="http://www.1473.cn" src="http://www.1473.cn/img/cloudlogo.png" />
                    </div>
                    <div class="UCD_SL_CD">
                        <div class="UCD_SL_CD_C" onclick="U.CD.SL.Type('JH')">
                            精品区域
                        </div>
                        <div class="UCD_SL_CD_C" onclick="U.CD.SL.Type('TW')">
                            提问区域
                        </div>
                        <div class="UCD_SL_CD_C" onclick="U.CD.SL.Type('ZY')">
                            作业区域
                        </div>
                        <div class="UCD_SL_CD_C" onclick="U.CD.SL.Type('KJ')">
                            控件区域
                        </div>
                        <div class="UCD_SL_CD_C" onclick="U.CD.SL.PubPro()">
                            发布项目
                        </div>
                        <div class="UCD_SL_CD_S">
                            <input type="text" onkeyup='U.CD.SL.SouEnter(this)'>
                            <div onclick="U.CD.SL.Sou(this)" class="">
                            </div>
                            <!--<div onclick="U.CD.SL.Sou(this)">搜索</div>-->
                        </div>
                    </div>
                    <div class="UCD_SL_N_T_D">
                        <div style="margin-top: 5px;">
                            <img style="float: left; margin-right: 5px;" alt="http://www.1473.cn" width="64"
                                height="64" src="http://www.1473.cn/img/qqew.jpg" onclick="window.open('http://www.1473.cn')" />
                            <div style="float: left; width: 80px; margin-top: 5px;">
                                <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=bd0da8199b3ba73a4812241efaba9b444b8cb7646016a13a7d31730c9c09e0a8">
                                    <img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="javascript高手群"
                                        title="javascript高手群"></a>
                                <div style="width: 90px; height: 25px;">
                                    <wb:follow-button uid="3934163141" type="red_1" width="67" height="24">
                                    </wb:follow-button>
                                </div>
                            </div>
                        </div>
                        <!--<div class="UCD_SL_N_T_D_B"> 技术QQ群：337510064。</div>-->
                        <!--<input class="UCD_SL_N_T_B_N_L" type="button" onclick='U.CD.SL.PubPro()' value="发布自己的项目" />-->
                    </div>
                </div>
                <!--<div class="UCD_L_C_L">
                    <div onclick="U.CD.SL.Change('C')">
                        C语言
                    </div>
                    <div onclick="U.CD.SL.Change('PHP')">
                        PHP
                    </div>
                    <div onclick="U.CD.SL.Change('Python')">
                        Python
                    </div>
                    <div onclick="U.CD.SL.Change('Nodejs')">
                        Nodejs
                    </div>
                    <div onclick="U.CD.SL.Change('Ruby')">
                        Ruby
                    </div>
                    <div onclick="U.CD.SL.Change('Perl')">
                        Perl
                    </div>
                    <div onclick="U.CD.SL.Change('Lisp')">
                        Lisp
                    </div>
                    <div onclick="U.CD.SL.Change('Net')">
                        Net
                    </div>
                    <div onclick="alert('当前环境即为前端！')">
                        前端
                    </div>
                </div>-->
                <div class="UCD_SL_NN">
                    <div id="UCD_SL_N_N">
                    </div>
                    <div class="UCD_SL_NN_B">
                    </div>
                </div>
            </div>
        </div>
        <div id="UCD_L_C" class="Radius5" style="display: none">
            <div class="UCD_L_C_T" onmousedown="U.UF.EV.stopBubble();U.D.DragMouseDown(this.parentNode);">
                <div class="UCD_RT_FUPHT">
                    云编程语言切换窗口
                </div>
                <div title="关闭" class="UCD_SL_T_X" onclick="U.D.WindowMin(this.parentNode.parentNode);"
                    onmousedown="U.UF.EV.stopBubble()">
                    x
                </div>
            </div>
            <div class="UCD_SL_C_N">
                <p>
                    请选择你所要进行切换的语言：</p>
                <div class="UCD_SL_C_L">
                    <div onclick="U.CD.SL.Change('C')">
                        C语言
                    </div>
                    <div onclick="U.CD.SL.Change('PHP')">
                        PHP
                    </div>
                    <div onclick="U.CD.SL.Change('Python')">
                        Python
                    </div>
                    <div onclick="U.CD.SL.Change('Nodejs')">
                        Nodejs
                    </div>
                    <div onclick="U.CD.SL.Change('Ruby')">
                        Ruby
                    </div>
                    <div onclick="U.CD.SL.Change('Perl')">
                        Perl
                    </div>
                    <div onclick="U.CD.SL.Change('Lisp')">
                        Lisp
                    </div>
                    <div onclick="U.CD.SL.Change('Net')">
                        Net
                    </div>
                    <div onclick="alert('当前环境即为前端！')">
                        前端
                    </div>
                </div>
            </div>
        </div>
        <!--发布项目样式区域-->
        <div id="UCD_FB" class="UCD_RT_FUP Radius5" style="display: none;">
            <div class="UCD_RT_FUPH" onmousedown="U.UF.EV.stopBubble();U.D.DragMouseDown(this.parentNode);">
                <div class="UCD_RT_FUPHT">
                    发布项目窗口
                </div>
                <div title="关闭" class="UCD_RT_DiskGE UDK_UP_TC" onclick="U.D.WindowMin(this.parentNode.parentNode);"
                    onmousedown="U.UF.EV.stopBubble()">
                </div>
            </div>
            <div class="UCD_FB_N">
                <div id="UCD_FB_N_T">
                </div>
                <div id="UCD_FB_N_N" class="UCD_FB_N_N">
                    <div class="UCD_FB_N_N_N">
                        <span style="margin-top: -230px;">项目名称：</span><input type="text" id="UCD_FB_N_N_Name" />
                    </div>
                    <div class="UCD_FB_N_B">
                        <span>项目简介：</span><textarea id="UCD_FB_N_N_T"></textarea>
                    </div>
                    <div class="UCD_FB_N_CK">
                        <div>
                            项目类型:
                        </div>
                        <div id="UCD_FB_N_CK_CK">
                            <input type="radio" checked="checked" />
                        </div>
                    </div>
                    <div class="UCD_FB_NR">
                        <div class="UCD_FB_NR_L">
                            <div class="UCD_FB_N_N_N">
                                <span>项目图片：</span><input type="file" value="上传图片" id="UCD_FB_N_N_I" name="UCD_FB_N_N_I"
                                    multiple="true" accept="image/gif,image/jpeg,image/png" onchange="U.CD.O.UPFile(this)" />
                            </div>
                            <div class="UCD_FB_N_N_N">
                                <span>项目价格：</span><input type="text" id="UCD_FB_N_N_P" />
                            </div>
                            <div class="UCD_FB_N_N_N">
                                <div class="UCD_FB_N_N_N_F">
                                </div>
                                <input id="UCD_FB_N_N_N_S" type="submit" value="点此发布" />
                            </div>
                        </div>
                        <div class="UCD_FB_NR_R">
                            <img alt="云操作系统" id="UCD_FB_NR_IMG" title="http://www.1473.cn/img/qqew.jpg" src="http://www.1473.cn/img/qqew.jpg" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="UCD_RT_FUPW">
                <div class="UCD_RT_FUPWT">
                    提示：选取上面的命令行进入相应功能！
                </div>
            </div>
        </div>
        <!--登录注册区域-->
        <!--<div id="UCD_LR" class="UCD_LR Radius5" style="display: none;">
        <div class="UCD_SL_T" onmousedown="U.UF.EV.stopBubble();U.D.DragMouseDown(this.parentNode);">
            <div class="UCD_RT_FUPHT">
                云注册 云登录</div>
            <div title="关闭" class="UCD_SL_T_X" onclick="U.D.WindowMin(this.parentNode.parentNode);"
                onmousedown="U.UF.EV.stopBubble()">
                X
            </div>
        </div>
        <div class="UCD_LR_N">
            <iframe src="/U_LR_I.htm" scrolling="no" frameborder="0" width="746"
                height="350" name="UCD_LR_I" id="UCD_LR_I"></iframe>
        </div>
    </div>-->
        <!--全局LoadingDiv-->
        <div id="UCD_LD">
            <span>初始化数据，请稍候。。。</span> <span class="UCD_LD_Reload" onclick="this.parentNode.style.display='none'">
                X </span>
        </div>
    </div>
    <div id="US_M_DIV">
    </div>
    <!--调用1473主域内容测试-->
    <iframe src="http://d-back.1473.cn/CD.htm" id="U_CD" name="U_CD" width="0" height="0"></iframe>
    <!-- <div id="UCD_M1473"></div>-->
</body>
</html>
<!--左边控件js文件-->
<script src="/js/LeftControls/U.CD.Left.js" type="text/javascript"></script>