情人节,又称圣瓦伦丁节或圣华伦泰节,日期在每年公历的2月14日,是西方国家的传统节日之一,起源于基督教。如今已经成为全世界著名的浪漫节日,但是不同国家的人们表达爱意的方式却各不相同。
–百度百科
情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日 。
今年,也就是2020年的情人节有点特殊,由于新冠肺炎的影响,情人们相隔两地。但是空间的隔离不隔离彼此相爱。作为码农,一次偶然的机会看到CSDN推送了一篇情人节制作爱的纪念页面。于是按耐不住心中的躁动,毕竟在家里隔离了这么久,得找点事情做,不不,应该是情人节要到了,见不到彼此,那么要表达一下自己的爱意。于是有了本博文,教你也为Ta制作一份“爱的纪念”。
首先声明:“爱的纪念”是2014年某大神制作的,并非本人原创,本文只是介绍如何使用及定制。如果你很懂Javascript,那么可以更深入的学习和DIY。好了,话不多说,开始介绍。
下载包中有两个文件,只需要修改“爱的纪念.html”文件即可。
修改以下地方:
第8行的姓名
第28到48行的文字 <span class="say">## Our Story ##</span><br>
第51行的姓名
然后在files文件夹内,放入两个人的头像,修改“爱的纪念.html”的第51行:
<img src="./files/sai.jpg"> // 改为对应的图片即可
最后看第186行,修改相爱的开始时间:
var textAnimate = eval(Jscex.compile("async", function () {
var together = new Date();
together.setFullYear(2016,0,17); //时间年月日
together.setHours(12); //小时
together.setMinutes(0); //分钟
together.setSeconds(0); //秒前一位
together.setMilliseconds(0); //秒第二位
}
这里要注意,月的范围是0~11。
到此,结束。又水了一篇文章,啊哈哈哈嗝
修改完的文件全部上传到你的服务器,把网址发给你的Ta,给Ta一个惊喜吧~
Demo参考: https://www.ersaijun.cn/love/爱的纪念.html
文件下载:
关注公众号,回复“20200214”获取下载地址。
视频演示: