# StaticWebComponents

**Repository Path**: hongmaple/StaticWebComponents

## Basic Information

- **Project Name**: StaticWebComponents
- **Description**: 本项目收集有趣的前端特效网页源码，有简单的粒子烟花特效字体粒子烟花特效，可以添加文字，水果忍者网页版，爱心照片墙，html5唯美爱情表白动画网页代码，可以配置背景音乐，母亲节 爱心树祝福网页，新年快乐烟花祝福网站，有祝福文字特效，学生点名，随机分组系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://hongmaple.top/front_project.html
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2021-04-07
- **Last Updated**: 2025-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="right">
  <a title="English" href="/README English.md">English</a>
</div>

# 项目介绍
本项目收集有趣的前端特效网页源码，有游戏，祝福特效等

| 目录 | 描述 |
| ---------------------| -------------- |
| fireworks_effects           | 简单的粒子烟花特效 |
| font_of_fireworks             | 字体粒子烟花特效，可以添加文字 |
| fruit_slice         | 水果忍者网页版 |
| love_photo_wall   | 爱心照片墙 |
| love_tree          | html5唯美爱情表白动画网页代码，可以配置背景音乐|
| mother's_day       | 母亲节 爱心树祝福网页 |
| NewYearFirework       | 新年快乐烟花祝福网站，有祝福文字特效 |
| shuffling_photo_album| 照片墙 合集 |
| texiao    | 粒子特效 |
| xiangqi    | 中国象棋 |
| edu| 学生点名系统 |

# 运行效果
## 点击标题预览

###  [简单的粒子烟花特效](https://blog.hongmaple.top/StaticWebComponents/fireworks_effects)
<img src="img/fireworks_effects.png" alt="fireworks_effects">

### [字体粒子烟花特效](https://blog.hongmaple.top/StaticWebComponents/font_of_fireworks)
<img src="img/font_of_fireworks.png" alt="fireworks_effects">

### [水果忍者网页版](https://blog.hongmaple.top/StaticWebComponents/fruit_slice)
<img src="img/fruit_slice.png" alt="fireworks_effects">

### [爱心照片墙](https://blog.hongmaple.top/StaticWebComponents/love_photo_wall)
<img src="img/love_photo_wall.png" alt="fireworks_effects">

### [html5唯美爱情表白动画网页](https://blog.hongmaple.top/StaticWebComponents/love_tree)
<img src="img/love_tree.png" alt="fireworks_effects">

### [ 新年快乐烟花祝福网站](https://blog.hongmaple.top/StaticWebComponents/NewYearFirework)
<img src="img/NewYearFirework.png" alt="fireworks_effects">

#### [粒子特效](https://blog.hongmaple.top/StaticWebComponents/live_sg)
<img src="img/live_sg.png" alt="live_sg">

### [中国象棋](https://blog.hongmaple.top/StaticWebComponents/xiangqi)
<img src="img/xiangqi.png" alt="xiangqi">

### [智能点名系统](https://hongmaple.top/hnist)
![智能点名系统](img/image.png)

## 联系我
wx: mapleCx331   qq群：[![加入QQ群](https://img.shields.io/badge/628043364-blue.svg)](https://qm.qq.com/q/RuCfOyaOUm)

## 开源不易，谢谢打赏
<table>
 <td>
   <td><img style="height: 150px;width: 100px" src="https://gitee.com/hongmaple/netdisk/raw/master/image/wxPay.jpg" alt=""/></td>
   <td><img style="height: 150px;width: 100px" src="https://gitee.com/hongmaple/netdisk/raw/master/image/zfb.jpg" alt=""/></td>
 </td>
</table>