# processon_html_project

**Repository Path**: superBiuBiu/processon_html_project

## Basic Information

- **Project Name**: processon_html_project
- **Description**: ProcessOn主页的课程设计,css(less)+html+jquery,很基础的一个网页
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-05-07
- **Last Updated**: 2026-03-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### ProcessOn的主页的前端页面(less+jquery实现三端)

* 很基础的一个网站,没有什么特别的技术(懒加载也没有)
* 手机端,苹果端,PC端都通用,具体可以试试
* 不过有些小bug,那个图片滚动的,可能有些bug
* 拿来做课程设计还是OK的吧~
* 在线演示地址
  * https://processon-demo.netlify.app/


### 展示

#### PC端

<img src="README.assets/主页.png" style="zoom: 50%;" />

<img src="README.assets/主页1.png" style="zoom:50%;" />

<img src="README.assets/主页3.png" style="zoom:50%;" />

#### 手机端(浏览器测试)

<img src="README.assets/20220423144437.png" style="zoom:50%;" />

<img src="README.assets/20220423144500.png" style="zoom:50%;" />

#### 平板端(浏览器测试)

<img src="README.assets/20220423144535.png" style="zoom:50%;" />

<img src="README.assets/20220423144555.png" style="zoom:50%;" />

### 头部渐变效果("免费扩容"这几个字)

![](README.assets/slow.gif)

#### 滚动列表效果

<img src="README.assets/scroll2.gif" style="zoom:50%;" />

#### 底部出现效果

![](README.assets/showbottom.gif)

#### 一些改变时候的过渡

<img src="README.assets/slow20220423150040364202204231500566712.gif" style="zoom:50%;" />

### 下载地址

[ProcessOn官网前端页面](https://github.com/superBiuBiuMan/processon_html_project)