程序猿最浪漫的表白，肯定会得到你的她——Jason niu    原文来自GitHub，主页本人已部分修改，感谢程序猿大神wuxia2001和hackerzhou的开源，感谢这两位大神！

视频结果展示网址：http://v.youku.com/v_show/id_XMzQzNjY5NTgxMg==.html?spm=a2h3j.8428770.3416059.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- saved from url=(0027)http://itzoo.info/Jason_niu.html -->

<audio autoplay="autoplay">

  <source src="http://www.kugou.com/song/#hash=98AA03DF0495767F11C53C5E5FF4EF83&album_id=7766409" />

</audio>

 <embed src="http://www.kugou.com/song/#hash=98AA03DF0495767F11C53C5E5FF4EF83&album_id=7766409" width=10 height=2 loop="true" autostart="true">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Jason_niu</title>

        <link type="text/css" rel="stylesheet" href="./Love_files/default.css">

        <script type="text/javascript" src="./Love_files/jquery.min.js"></script>

        <script type="text/javascript" src="./Love_files/jscex.min.js"></script>

        <script type="text/javascript" src="./Love_files/jscex-parser.js"></script>

        <script type="text/javascript" src="./Love_files/jscex-jit.js"></script>

        <script type="text/javascript" src="./Love_files/jscex-builderbase.min.js"></script>

        <script type="text/javascript" src="./Love_files/jscex-async.min.js"></script>

        <script type="text/javascript" src="./Love_files/jscex-async-powerpack.min.js"></script>

        <script type="text/javascript" src="./Love_files/functions.js" charset="utf-8"></script>

        <script type="text/javascript" src="./Love_files/love.js" charset="utf-8"></script>

    </head>

    <body>

    <div style="left: 1500px; position: absolute; top: 200px;">在GitHub源代码基础上</div>

    <center> <img src="yunyaniu.gif" width="100" height="100" />

    <img src="CSDN.png" style="position:absolute; left:1480px; top:300px;/> 

        <div id="main">

            <div id="error">亲，您使用的浏览器无法支持即将显示的内容，请换成谷歌(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)或者火狐(<a href="http://firefox.com.cn/download/">Firefox</a>)浏览器哟~</div>

            <div id="wrap">

               <div id="text">

                    <div id="code">

                    <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>

                    <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>

                   <br>

                    <span class="say"><span class="space"></span> -- Yours, Jason_niu,2018.</span>

                    </div>

                </div>

                <div id="clock-box">

                    <a href="http://blog.csdn.net/Jason_niu" target="_blank">@Jason_niu</a> 与 <a href="http://blog.csdn.net/Jason_niu" target="_blank">@You</a> 在一起的

                        <div id="clock"></div>

                </div>

                <canvas id="canvas" width="1100" height="680"></canvas>

            </div>

            <audio src="love.mp3" autoplay="autoplay"></audio>

        </div>

    <script>

    </script>

    <script>

    (function(){

        var canvas = $('#canvas');

        if (!canvas[0].getContext) {

            $("#error").show();

            return false;

        }

        var width = canvas.width();

        var height = canvas.height();

        canvas.attr("width", width);

        canvas.attr("height", height);

        var opts = {

            seed: {

                x: width / 2 - 20,

                color: "rgb(190, 26, 37)",

                scale: 2

            },

            branch: [

                [535, 680, 570, 250, 500, 200, 30, 100, [

                    [540, 500, 455, 417, 340, 400, 13, 100, [

                        [450, 435, 434, 430, 394, 395, 2, 40]

                    ]],

                    [550, 445, 600, 356, 680, 345, 12, 100, [

                        [578, 400, 648, 409, 661, 426, 3, 80]

                    ]],

                    [539, 281, 537, 248, 534, 217, 3, 40],

                    [546, 397, 413, 247, 328, 244, 9, 80, [

                        [427, 286, 383, 253, 371, 205, 2, 40],

                        [498, 345, 435, 315, 395, 330, 4, 60]

                    ]],

                    [546, 357, 608, 252, 678, 221, 6, 100, [

                        [590, 293, 646, 277, 648, 271, 2, 80]

                    ]]

                ]]

            ],

            bloom: {

                num: 700,

                width: 1080,

                height: 650,

            },

            footer: {

                width: 1200,

                height: 5,

                speed: 10,

            }

        }

        var tree = new Tree(canvas[0], width, height, opts);

        var seed = tree.seed;

        var foot = tree.footer;

        var hold = 1;

        canvas.click(function(e) {

            var offset = canvas.offset(), x, y;

            x = e.pageX - offset.left;

            y = e.pageY - offset.top;

            if (seed.hover(x, y)) {

                hold = 0;

                canvas.unbind("click");

                canvas.unbind("mousemove");

                canvas.removeClass('hand');

            }

        }).mousemove(function(e){

            var offset = canvas.offset(), x, y;

            x = e.pageX - offset.left;

            y = e.pageY - offset.top;

            canvas.toggleClass('hand', seed.hover(x, y));

        });

        var seedAnimate = eval(Jscex.compile("async", function () {

            seed.draw();

            while (hold) {

                $await(Jscex.Async.sleep(10));

            }

            while (seed.canScale()) {

                seed.scale(0.95);

                $await(Jscex.Async.sleep(10));

            }

            while (seed.canMove()) {

                seed.move(0, 2);

                foot.draw();

                $await(Jscex.Async.sleep(10));

            }

        }));

        var growAnimate = eval(Jscex.compile("async", function () {

            do {

                tree.grow();

                $await(Jscex.Async.sleep(10));

            } while (tree.canGrow());

        }));

        var flowAnimate = eval(Jscex.compile("async", function () {

            do {

                tree.flower(2);

                $await(Jscex.Async.sleep(10));

            } while (tree.canFlower());

        }));

        var moveAnimate = eval(Jscex.compile("async", function () {

            tree.snapshot("p1", 240, 0, 610, 680);

            while (tree.move("p1", 500, 0)) {

                foot.draw();

                $await(Jscex.Async.sleep(10));

            }

            foot.draw();

            tree.snapshot("p2", 500, 0, 610, 680);

            // 会有闪烁不得意这样做, (＞﹏＜)

            canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")");

            canvas.css("background", "#ffe");

            $await(Jscex.Async.sleep(300));

            canvas.css("background", "none");

        }));

        var jumpAnimate = eval(Jscex.compile("async", function () {

            var ctx = tree.ctx;

            while (true) {

                tree.ctx.clearRect(0, 0, width, height);

                tree.jump();

                foot.draw();

                $await(Jscex.Async.sleep(25));

            }

        }));

        var textAnimate = eval(Jscex.compile("async", function () {

            var together = new Date();

            together.setFullYear(2018, 1, 1);

            together.setHours(20);

            together.setMinutes(20);

            together.setSeconds(0);

            together.setMilliseconds(0);

            $("#code").show().typewriter();

            $("#clock-box").fadeIn(500);

            while (true) {

                timeElapse(together);

                $await(Jscex.Async.sleep(1000));

            }

        }));

        var runAsync = eval(Jscex.compile("async", function () {

            $await(seedAnimate());

            $await(growAnimate());

            $await(flowAnimate());

            $await(moveAnimate());

            textAnimate().start();

            $await(jumpAnimate());

        }));

        runAsync().start();

    })();

    </script>

<div style="left: 1500px; position: absolute; top: 220px;color:blue;font-size:20px;">Jason niu更改设计</div>

</body></html>

												


											
程序猿最浪漫的表白，肯定会得到你的她——Jason niu    原文来自GitHub，本人已部分修改的更多相关文章
	

    
								
  1. 程序猿的浪漫：用python画动态爱心
		
    初级画心 学Python,感觉你们的都好复杂,那我来个简单的,我是直接把心形看作是一个正方形+两个半圆:
    
		
    2. 
						
  2. 干货分享：用一百行代码做一个C/C++表白小程序，程序员的浪漫！
		
    前言:很多时候,当别人听到你是程序员的时候.第一印象就是,格子衫.不浪漫.直男.但是程序员一旦浪漫起来,真的没其他人什么事了.什么纪念日,生日,情人节,礼物怎么送? 做一个浪漫的程序给她,放上你们照片 ...
    
		
    3. 
						
  3. 不懂CSS的后端难道就不是好程序猿？
		
    由于H5在移动端的发展如日中天,现在大部分公司对高级前端需求也是到处挖墙角,前端薪资也随之水涨船高,那公司没有配备专用的前端怎么办呢? 作为老板眼中的“程序猿” 前端都不会是非常无能的表现,那作为后端 ...
    
		
    4. 
						
  4. 程序猿表白练级之Hello World
		
    程序猿表白练级之Hello World ... 推荐一个优秀的编程网站:Hello World http://www.he11oworld.com/ The Hello World Collectio ...
    
		
    5. 
						
  5. Swift学习笔记（十五）——程序猿浪漫之用Swift+Unicode说我爱你
		
    程序猿经常被觉得是呆板.宅,不解风情的一帮人.可是有时候.我们也能够使用自己的拿手本领来表现我们的浪漫. 因为Swift语言是支持Unicode编码的,而Unicode最新已经支持emoji(绘文字) ...
    
		
    6. 
						
  6. 程序猿爱情表白专用html5动画网页的代码
		
    程序猿爱情表白专用html5动画网页的代码 下载地址:源代码 程序员表白专用的html5动画特效网页,真的挺羡慕创作者的水平,有这水平能够把爱表白给想表白的人,不要以为那些鲜花是用 的图片.你会发如今 ...
    
		
    7. 
						
  7. 站在风口，你或许就是那年薪20w+的程序猿
		
    最近面试了一些人,也在群上跟一些群友聊起,发现现在的互联网真是热,一些工作才两三年的期望的薪资都是十几K的起,这真是让我们这些早几年就成为程序猿的情何以堪!正所谓是站在风口上,猪也能飞起来!我在这里就 ...
    
		
    8. 
						
  8. 连载《一个程序猿的生命周期》-《发展篇》 - 3.农民与软件工程师，农业与IT业
		
    相关文章:随笔<一个程序猿的生命周期>- 逆潮流而动的“叛逆者”        15年前,依稀记得走出大山,进城求学的场景.尽管一路有父亲的陪伴,但是内心仍然畏惧.当父亲转身离去.准备回到 ...
    
		
    9. 
						
  9. 回答阿里社招面试如何准备，顺便谈谈对于Java程序猿学习当中各个阶段的建议
		
    引言 其实本来真的没打算写这篇文章,主要是LZ得记忆力不是很好,不像一些记忆力强的人,面试完以后,几乎能把自己和面试官的对话都给记下来.LZ自己当初面试完以后,除了记住一些聊过的知识点以外,具体的内容 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. bzoj 1058: [ZJOI2007]报表统计 (Treap）
			
    链接:https://www.lydsy.com/JudgeOnline/problem.php?id=1058 题面; 1058: [ZJOI2007]报表统计 Time Limit: 15 Sec ...
    
			
    2. 
						
  2. Magento2 常见错误 ----- 定期更新
			
    1.静态文件有版本号,静态文件不能读取,页面无法显示.如下图: 解决方案:其实URL里的版本号对于magento来说是合法的,这是因为我们缺少了一个文件\pub\static\.htaccess:导致 ...
    
			
    3. 
						
  3. python学习日记(OOP——类的内置方法)
			
    __str__和__repr__ 改变对象的字符串显示__str__,__repr__ 我们先定义一个Student类,打印一个实例: class Student(object): def __ini ...
    
			
    4. 
						
  4. 使用Spring Boot Actuator将指标导出到InfluxDB和Prometheus
			
    使用Spring Boot Actuator将指标导出到InfluxDB和Prometheus   Spring Boot Actuator是Spring Boot 2发布后修改最多的项目之一.它经过 ...
    
			
    5. 
						
  5. spring boot junit controller
			
    MockMvc 来自Spring Test,它允许您通过一组方便的builder类向 DispatcherServlet 发送HTTP请求,并对结果作出断言.请注意,@AutoConfigureMoc ...
    
			
    6. 
						
  6. GiBbook实用配置以及插件
			
    GitBook可以在您的计算机上用于构建本地书籍,,可以本地预览 安装gitbook 环境要求: 安装GitBook,您的系统需要安装NodeJS(推荐v4.0.0及以上版本) NodeJS下载地址  ...
    
			
    7. 
						
  7. (二分查找 结构体) leetcode33. Search in Rotated Sorted Array
			
    Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand. (i.e. ...
    
			
    8. 
						
  8. 前端工程师必须要知道的HTTP部分
			
    1. IETF组织制定的标准 rfc7234: https://tools.ietf.org/html/rfc7234 --- 原来的2616以被废弃 2. 格式 HTTP分为 请求Request 和 ...
    
			
    9. 
						
  9. crontab 误删恢复
			
    某台服务器某账号的 crontab 任务被清空,原因不明.同时,该服务器上的 crontab 任务备份未开启.故思考如何恢复 crontab 任务. 经查,CentOS 系统的 crontab 任务的 ...
    
			
    10. 
						
  10. JS常用基础知识
			
    前言:在js中dom和bom是我们操作的基本,在最初接触时候我也懵,但是后来慢慢发现其实bom就是操作浏览器,而dom就是操作文本框节点.
    
			
    11.