520礼物 静态HTML 来自理工男的浪漫 源码开放

简介: 520礼物 静态HTML 来自理工男的浪漫 源码开放

正文


一:项目展示


项目预览:https://dingdangly.gitee.io/my520/index.html

项目效果:

307ff42b4d4648908dda908ce62014b1.gif


二:使用方法


使用方法:下载代码包,自行替换文本和图片即可。

项目源码:https://gitee.com/dingdangLy/my520.git


定制:

1. 主页 index.html

无需修改任何内容


2. 展示页 show.html


111行修改日期

135行修改表白者/被表白者姓名

3. 结果页 result.html


  • 替换内容:在编辑器中按ctrl+f全局搜索"{{替换",对内容进行替换
  • 替换图片:覆盖images目录下的文件(除baidu.png)
  • 替换音乐:覆盖bgMusic.mp3文件


三:项目部署


这是一个静态网站,可以在任何一个平台上部署,例如github,gitee,也可以部署到自己的服务器上。

例:在github上部署

  1. 新建一个仓库
  2. 把代码放到你的仓库中去
  3. 在仓库setting里面更改githubPages中的source为master branch

88.png

例:在gitee上也是一样

8.png


项目的主页默认是index.html,项目后面就不用加上文件名了

如果是别的名字,项目后面需要加上别的名字。


这里推荐一下 视频转GIF的免费网站:https://www.aconvert.com


相关文章
|
12天前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
42 2
|
24天前
|
移动开发 JavaScript HTML5
HTML5实现2025雪花飘新年倒计时源码
2025年即将到来,此源码页为单html纯代码,新年倒计时,背景雪花飘落效果,倒计时时间日期在JS/app.js文件第21行代码自行修改即可!
80 7
|
28天前
斗地主单机游戏HTML源码
斗地主单机游戏HTML源码,可以作为课程设计项目参考,喜欢的朋友可以拿去
36 5
|
24天前
|
前端开发
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
19 0
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
|
24天前
|
移动开发 前端开发 HTML5
HTML5 Canvas制作的粒子十秒倒计时源码
一段基于HTML5 Canvas制作的粒子爆炸,十秒数字倒计时,全屏倒计时动画效果,给人一种非常大气的视觉感
22 0
HTML5 Canvas制作的粒子十秒倒计时源码
|
1月前
渐淡背景导航页HTML源码
每五秒进行淡进淡出切换背景图,适合作为个人引导页,喜欢的朋友拿去吧。
25 2
|
1月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
124 1
|
1月前
|
移动开发 HTML5
HTML5熊猫弹跳手机小游戏源码
一款html5手机端小游戏源码,熊猫跳跃小游戏源码下载。熊猫脚底有弹簧,长按变化力度跳跃,计分游戏,html5手机熊猫也疯狂小游戏源代码。
44 5
|
1月前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
42 4
|
1月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
57 0
html5+three.js公路开车小游戏源码
下一篇
DataWorks