Giter VIP home page Giter VIP logo

web-love's Introduction

告白网页

偶然在网上看到了这个页面,其实已经烂大街了算是,不过,大家拿来骗一下小白妹子还是可以的。我也不清楚原页面的作者是谁,目前里面的代码是在网上随便找了一个页面截取的。

【版权声明】

本人并不具有这个网页的版权,如涉及侵权请联系我。

我主要贴出这个页面自定义部分在哪里,给大家省去自己去找的时间,并且重新整理了文件和代码格式。

所有的源码放在src目录下。

首先看一下效果吧。

效果1效果2

自定义的部分

第一张图片"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  龙宝宝 &amp;  龙宝宝 </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));
	}

如果各位有更多想改动的,请自行发挥吧。

祝天下有情人终成眷属。 ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

web-love's People

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.