CodeTutti
/
ace.html

<!DOCTYPE html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>ACE</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="apple-touch-icon" href="img/touchicon.png"/>
<link rel="stylesheet" href="css/xicon.css" />
<link href="ace.css" rel="stylesheet">
</head>
<body>
<div class="g-bd5 f-cb">
    <div class="g-sd51">
        <div class="g-c">
            <div class="g-ct">
                <div class="lt" id="filemenu">
                    <div class="name"><a><i class="xicon-cabinet"></i><span>ACE.html</span></a></div>
                    <div class="m">
                    <ul class="open">
                    </ul>
                        <div>
                        </div>
                    <ul class="file">
                        <li><a href="#">111111</a></li>
                    </ul>
                    </div>
                    <div class="logo"></div>
                </div>
            </div>
            <div class="g-cb">
                <div class="g-cbi funmenu" style="background: #353D49;">
                <ul></ul>
                </div>
            </div>
        </div>
    </div>
    <div class="g-mn5">
        <div class="g-mn5c">
            <div class="g-c g-ce">
                <div class="g-ct" style="background: #4FB3D3;">
                    <div class="msg">
                        <ul>
                        </ul>
                    </div>
                </div>
                <div class="g-cb">
                    <div class="g-cbi" style="background: #515B6A;">
                        <div class="editorbox">
                            <!-- <pre id="editor"></pre> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-sd52">
        <div class="g-c">
            <div class="g-ct plugtopbox">
                <div class="plugtop">
                    <i class="cloud1  xicon-cloud"></i>
                    <span class="cloudnum">&ensp;</span>
                    <i class="cloud2 xicon-transfer"></i>
                </div>
            </div>
            <div class="g-cb">
                <div class="g-cbi" style="background: #353D49;">
                    <ul class="plugbox"></ul>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .test{
        position: absolute;
        bottom: -142px;
        left:50%;
        width: 400px;
        height: 150px;
        margin-left: -200px;
        background: rgba(43,140,190,0.9);
        padding: 10px;
        z-index: 99999;
        transition: all 0.1s;
    }
    .test:hover{
        bottom: 0px;
    }
    .test h1{
        padding: 5px;
    }
    .test a{
        color: #fff;
        padding: 0 5px;
        line-height: 25px;
        background: #4FB3D3;
    }
</style>
<div class="test">
    <h1>测试用  _(:3」∠)_</h1>
    <a href="javascript:cloud.list++;cloud.uoshow(cloud.list);setTimeout('cloud.list--;cloud.uoshow(cloud.list);',300*(Math.random()*10+1));">模拟数据传输</a>
    <a href="javascript:addEditor('holle word! _(:3」∠)_');">添加一个编辑器</a><br/>
    <a href="javascript:msg.add('hello1','',(Math.random()*10+1));">消息 常规</a>
    <a href="javascript:msg.add('hello1','inf',(Math.random()*10+1));">消息 蓝色</a>
    <a href="javascript:msg.add('hello2','wer',(Math.random()*10+1));">消息 黄色</a>
    <a href="javascript:msg.add('hello3','suc',(Math.random()*10+1));">消息 绿色</a>
    <a href="javascript:msg.add('hello4','err',(Math.random()*10+1));">消息 红色</a>
</div>


<!-- <script src="ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script> -->
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="src/ace.js"></script>
<script type="text/javascript" src="ace.js"></script>
<script>
    plugs.load('fullScreen');//加载全屏插件
    plugs.load('htmlBeautify');//加载代码美化
</script>
</body>
</html>