Process on首页制作_process首页-CSDN博客

本文链接：https://blog.csdn.net/qq_43279637/article/details/83048597

Process on首页制作

process on是专用绘图的软件。

学习前端巩固知识可以学着做做一些网站的首页，比如Process on、百度、gethub等。

今天先来了解下process on的首页制作

先来看下代码：

process on.html

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="Process On.css" type="text/css">
<script src="jquery.js"></script>
<script src="Process On.js"></script>
</head>
<body>
<div class="div1">
<div class="div1_1">
    <img id="img1" src="1.png"></img>
</div>
<div class="div1_2">
    <ul id="ul1">
        <li class="li_1">小组</li>
        <li class="li_1" style="color:blue;">我的</li>
        <li class="li_1">推荐</li>
        <li class="li_1">模板</li>
    </ul>
</div>
<div class="div1_3">
    <input type="button" id="button1" value="升级到个人版">
</div>
<div class="div1_4" onclick="display2(this.firstChild.nextSibling.nextSibling.nextSibling)">
    <img id="img2" src="2.png"> </img>
    <div class="div1_4_1" id="div1_4_1">
        <div class="div1_4_2">我的文件</div>
        <div class="div1_4_2">账户中心</div>
        <div class="div1_4_2">个人主页</div>
        <div class="div1_4_2">偏好设置</div>
        <div class="div1_4_2">入门教程</div>
        <div class="div1_4_2">更新日志</div>
        <div class="div1_4_2">退出登录</div>
    </div>
</div>  
</div>
<div class="div2">
<div class="div2_1">
<div id="div2_1_1">
<button id="button2" value="new" onclick="display1()" onmouseover="changecursor()">新建</button>
<div id="meau">
<div class="div2_1_1_1">新建文件夹</div>
<div class="div2_1_1_1">导入</div>
<div class="div2_1_1_1" onclick="creatediv()">流程图</div>
<div class="div2_1_1_1">思维导图</div>
<div class="div2_1_1_1">UML</div>
<div class="div2_1_1_1">网络拓扑图</div>
<div class="div2_1_1_1">组织拓扑图</div>
<div class="div2_1_1_1">BMPN</div>
</div>
</div>
<div class="div2_1_2">
<a href="Process On.html"style="text-decoration:none;color:black;">我的文件</a>
</div>
<div class="div2_1_2">
最近修改
</div>
<div class="div2_1_2">
与我协作
</div>
<div class="div2_1_2">
我的收藏
</div>
<div id="div2_1_3" >
<a href="Process On Trash.html"style="text-decoration:none;color:black;">回收站</a>
</div>
</div>
<div class="div2_2" onclick="hidden1()">
<div class="div2_2_1">
<div><p>我的文件 <img id= "img3" src=3.png></img></p></div>
<div class="div2_2_2" id="div2_2_2">
    <div class="v1" id="d1_1" onmousemove="display2(this.firstChild.nextSibling)" onmouseout="hidden2(this.firstChild.nextSibling)">
        <div class="circle" id="circle" onclick="display3(this.firstChild.nextSibling)">list
            <div class="childs" id="childs">