# StaticWebComponents

**Repository Path**: hongmaple/StaticWebComponents

## Basic Information

- **Project Name**: StaticWebComponents
- **Description**: 本项目收集有趣的前端特效网页源码，有游戏，祝福特效等
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## 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    | 中国象棋 |

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

###  [fireworks_effects](https://blog.hongmaple.top/StaticWebComponents/fireworks_effects)
<img src="img/fireworks_effects.png" alt="fireworks_effects">

### [font_of_fireworks](https://blog.hongmaple.top/StaticWebComponents/font_of_fireworks)
<img src="img/font_of_fireworks.png" alt="fireworks_effects">

### [fruit_slice](https://blog.hongmaple.top/StaticWebComponents/fruit_slice)
<img src="img/fruit_slice.png" alt="fireworks_effects">

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

### [love_tree](https://blog.hongmaple.top/StaticWebComponents/love_tree)
<img src="img/love_tree.png" alt="fireworks_effects">

### [NewYearFirework](https://blog.hongmaple.top/StaticWebComponents/NewYearFirework)
<img src="img/NewYearFirework.png" alt="fireworks_effects">

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

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

## 联系我
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>