当前位置:网站首页>创意代码表白
创意代码表白
2022-08-05 00:37:00 【ximingx】
创意代码表白
以程序员的方式撒狗粮,专业浪漫,值得拥有!
原文地址: https://github.com/lbb00/Web-Love
本人并不具有这个网页的版权,如涉及侵权请联系我。
1. 效果展示
2. 下载
# 首先将仓库克隆下来, 需要具有 git 环境
$ git clone https://github.com/lbb00/Web-Love.git
3. 自定义内容
第一张图片"Click Here"的文字,位于js/love.js:172
ctx.font = "12px 微软雅黑,Verdana";
ctx.fillText("click here", 23, 16); // 修改这里
第二张图片中Our Stroy
直接写在index.html
中的
<span class="say"> Our Story</span><br>
<span class="say"> </span><br>
<span class="say"> For 龙宝宝 & 龙宝宝 </span><br>
<span class="say"> </span><br>
<span class="say"> 还记得我们相识的时候吗, 或许是缘分,或许是注定的。</span><br>
<span class="say"> </span><br>
<span class="say"> 就像一场梦一样,有开心,也有吵闹。</span><br>
<span class="say"> </span><br>
<span class="say"> 彼此依赖,彼此关心,彼此温暖,谢谢你这么包容我,喜欢我,爱我。</span><br>
<span class="say"> </span><br>
<span class="say"> 我也爱你的善良,温柔,就是太容易吃醋了。。。</span><br>
<span class="say"> </span><br>
<span class="say"> 我性格好多缺点你也都看到。。。</span><br>
<span class="say"> </span><br>
<span class="say"> 我想要和你在一起真实的感受生命,和你生活在一起,嫁给我吧!</span><br>
<span class="say"> </span><br>
<span class="say"> ..永远的..</span><br>
<span class="say"> </span><br>
<span class="say"><span class="space"></span>龙宝宝 与 龙宝宝</span>
第二张图片中的时间初始值设置在index.html
最底部的script
中
var textAnimate = eval(Jscex.compile("async",
function() {
var together = new Date();
together.setFullYear(1996, 11, 16); //时间年月日
together.setHours(12); //小时
together.setMinutes(0); //分钟
together.setSeconds(0); //秒前一位
together.setMilliseconds(0); //秒第二位
$("#code").show().typewriter();
$("#clock-box").fadeIn(500);
while (true) {
timeElapse(together);
$await(Jscex.Async.sleep(1000));
}
实话实说, 只是想嫖一个胸章而已
边栏推荐
- 倒计时1天!8月2日—4日与你聊聊开源与就业那些事!
- E - Distance Sequence (prefix and optimized dp
- canvas 高斯模糊效果
- 2022牛客多校训练第二场 J题 Link with Arithmetic Progression
- 2022杭电多校训练第三场 1009 Package Delivery
- oracle create tablespace
- tiup update
- Flask框架 根据源码分析可扩展点
- tiup status
- 软件测试面试题:您以往所从事的软件测试工作中,是否使用了一些工具来进行软件缺陷(Bug)的管理?如果有,请结合该工具描述软件缺陷(Bug)跟踪管理的流程?
猜你喜欢
随机推荐
【无标题】
tiup uninstall
00、数组及字符串常用的 API(详细剖析)
canvas 高斯模糊效果
如何用 Solidity 创建一个“Hello World”智能合约
Redis visual management software Redis Desktop Manager2022
About I double-checked and reviewed the About staff page, returning an industry question
JUC thread pool (1): FutureTask use
STC89C52RC的P4口的应用问题
[idea] idea configures sql formatting
Software testing interview questions: What is the difference between load testing, capacity testing, and strength testing?
[230]连接Redis后执行命令错误 MISCONF Redis is configured to save RDB snapshots
node uses redis
Software Testing Interview Questions: About Automated Testing Tools?
元宇宙:未来我们的每一个日常行为是否都能成为赚钱工具?
typeScript - Partially apply a function
uinty lua 关于异步函数的终极思想
Software Testing Interview Questions: What Are the Types of Software Testing?
阶段性测试完成后,你进行缺陷分析了么?
软件测试面试题:您以往所从事的软件测试工作中,是否使用了一些工具来进行软件缺陷(Bug)的管理?如果有,请结合该工具描述软件缺陷(Bug)跟踪管理的流程?