美文网首页
哄女朋友--相遇纪念日web版

哄女朋友--相遇纪念日web版

作者: tf2jaguar | 来源:发表于2020-04-08 20:16 被阅读0次

相遇即缘分。每个相遇日都是缘分的碰撞。

源代码: Github

执行环境

Windows 7/10 (其他版本自测哈)

操作步骤

  1. 获得css、js、html三个部分的文件。
  2. 双击 index.html 在浏览器即可观看到效果。

左侧是一段表述腻歪、开心和相爱到老等甜蜜的话;
右侧会展开一个心形的桃心,中间是相遇时间距今时间。

  1. 整个界面采用打字式逐渐显示出来的,暂不支持其他显示方式 。

最终效果

GW7qpT.png

自定义

以下操作建议使用vsCode打开进行编辑,简称编辑;

相遇时间自定义

左侧

编辑index.html 在 27行 后边,将2018-08-18 改为自定义的相遇时间即可。

右侧

编辑index.html 在 77,78,79,80行 ,是右侧计时器的开始时间,年、月、日、时、分、秒。当前是 2018年7月18日14时20分0秒。

将月份减少一个月(忘记是哪个问题了,自测时间跨度准确性哈)

两位主人公自定义

左侧

编辑index.html 在 29、30行 修改后边的 大喵喵(男),大宝宝(女),修改为自定义主人公名称即可。

右侧

心下边有一个落款也需要修改一下,编辑index.html 在 61行 修改 大喵喵(男) 为发起方的名称即可。

相关文章

  • 哄女朋友--相遇纪念日web版

    相遇即缘分。每个相遇日都是缘分的碰撞。 源代码: Github 执行环境 Windows 7/10 (其他版本自测...

  • Web版扫雷开发小记(3)

    前篇: web版扫雷开发小记(1)web版扫雷开发小记(2)web版扫雷开发小记(3)web版扫雷开发小记(4) ...

  • 怎么哄女朋友?

    惹女朋友生气了,怎么办?第一回合很重要,一开始都不会生气得太严重(没触及原则问题),最多对你爱搭不理,这个时候是最...

  • Java web项目xml配置头部信息

    1、2.3版本web.xml 2、2.4版本web.xml 3、2.5版本web.xml 4、3.0版本web.x...

  • 怎么哄女朋友开心?

    怎么哄女朋友开心? 有时候发现女朋友莫名其妙就生气了,但是都还不知道自己做错了什么。可是哄她呢,又怕自己嘴笨,越哄...

  • 工具 | OrthoMCL 同源基因鉴定

    Web 版使用 网页版地址:Web site[https://orthomcl.org/orthomcl/prot...

  • 王大琨剧场

    果然,其实哄母上大人跟哄女朋友的套路是一样一样的。

  • 《情绪化》第1集

    女朋友情绪变化快,脾气大,怎么破?——哄。

  • 《情绪化》第2集

    《情绪化》第2集 前情提要:女朋友情绪变化快,脾气大,怎么破?——哄。 第2集梗概:如何哄?——坚持哄。

  • 怎么哄好女朋友?

    当然是给她买买买,带她吃吃吃,宠着她啦!

网友评论

      本文标题:哄女朋友--相遇纪念日web版

      本文链接:https://www.haomeiwen.com/subject/vtexmhtx.html