前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >女神节--唯美表白树,让她(他)感受到你的温柔

女神节--唯美表白树,让她(他)感受到你的温柔

作者头像
大家一起学编程
发布2021-03-29 15:03:29
8100
发布2021-03-29 15:03:29
举报

-

唯美表白树,让她(他)感受到你的温柔

想表白,不敢说出口,想祝福,当面说一句祝福话,没心意,那怎么办?今天之后就有了一个好的方法了,还在等什么,赶快来学习一下,如何搭建自己的表白树。

老规矩,先看一下效果再决定要不要学:

01— 目录结构

想要表达自己的心意,又不敢大声说出来,想要通过浪漫的互联网给她一个惊喜,那还等什么,赶快学起来。

首先我们要了解一下目录结构。当然如果不用时常操作代码的人来说就不用什么格式了,有格式只是为了更方面给直观,更容易操作。

如上,我们的主要文件是index.html,以及music文件,存放音乐,如果要换其他音乐在这里换了就可以,名称记得要修改一样。

02— 修改代码

拿到代码之后,需要在代码中进行部分修改,换成自己想要的内容。

我们需要修改三个地方。

第一:在index.html文件中找到下面这段代码,修改时间,修改为你们初次见面的时间。

代码语言:javascript
复制
 var textAnimate = eval(Jscex.compile("async", function () {
          var together = new Date();
          together.setFullYear(2020,3-1 , 08);   //时间年月(直接填写月份,如三月份见面填写3-1,十月份就是10-1)日
          together.setHours(16);            //小时  
          together.setMinutes(53);          //分钟
          together.setSeconds(0);          //秒前一位
          together.setMilliseconds(2);        //秒第二位
  
          $("#code").show().typewriter();
              $("#clock-box").fadeIn(500);
              while (true) {
                  timeElapse(together);
                  $await(Jscex.Async.sleep(1000));
              }

第二:修改文字,如图,你可以根据自己的修改为自己想要的文字,下方为我修改的文字。

第三:如果有需要,你可以修改背景音乐,找到自己喜欢的音乐,然后将文件复制到music文件下。然后删除之前的音乐文件,将喜欢的音乐名字修改为之前的音乐名称。当然如果不想改名,可以自己修改代码。

如图:修改为音乐路径就好了。

第四:也是最重要的一点,喜欢就大胆的去表白吧。别让你的女神跟着别人跑了啥工具都没有。

小编在这里祝所有女士,女神节快乐!

公众号后台回复:表白树 获取源代码

关注公众号大家一起学编程:了解更多好玩有趣的编程

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-03-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 大家一起学编程 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档