为Ta制作一份‘爱的纪念’

情人节,又称圣瓦伦丁节或圣华伦泰节,日期在每年公历的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”获取下载地址。

视频演示:

参考: https://zhang.ge/3939.html

发表评论