html+css+javascript实现浪漫爱情树 (含音乐)程序员表白必备

一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/圣诞节/元旦节跨年/程序员表白,

引用了CSS3的动画效果来显示,视觉效果相当不错!得此表白神器,程序猿也可以很浪漫!快去追你的女神吧!~~



1. PC(电脑端)演示

在这里插入图片描述

一、(代码实现)

使用文本编辑器打开 index.html

查找里面的“花花” 并替换成你喜欢的女神的名字;

查找里面的“瓜瓜”并替换成你的名字。

查找以下代码段,修改成你们初次相遇的时间,需要精确到秒哦!

var together = new Date();
together.setFullYear(2010,1 , 15);  //时间年月日
together.setHours(16);          //小时    
together.setMinutes(53);        //分钟
together.setSeconds(0);         //秒前一位
together.setMilliseconds(2);        //秒第二位

修改完成保存后,打开后即可看到效果。

注意,请让对方使用谷歌浏览器、火狐浏览器、搜狗浏览器、360安全浏览器等等打开,IE10以下版本的浏览器中是不能显示的。

二、做好的网页效果,如何通过发链接给别人看?

1.1 解决部署上线~> 部署上线工具(可永久免费使用)

1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~
插件集成了超级多好用的插件,免费下载安装,简单易懂, 简直神器 ~ 需要可在文章 ↓ 下方公Z号获取

2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好哦~)

1.1部署流程

在这里插入图片描述

1.2 哇~ 部署成功

哇~ 部署成功! 将你写好的页面部署上线后, 全世界的人都可以通过链接访问到你的网页了(永久免费使用哦)~
在这里插入图片描述


三、前端 零基础 入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~
在这里插入图片描述


四、 源码获取

~ 关注我,点赞博文~ 每天带你涨知识!

1.看到这里了就 [点赞+好评+收藏] 三连~ 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

在这里插入图片描述


五、更多表白源码

❤100款表白源码演示地址

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐