程序猿最浪漫的表白，肯定会得到你的她——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. 10.2 Vue 环境安装
			
     Vue 环境安装 环境准备  nodejs 下载安装  https://nodejs.org/en/ 查看下载版本 C:\>node -v v7.6.0 C:\>npm -v 4.1.2 ...
    
			
    2. 
						
  2. python学习day11  函数Ⅲ  (内置函数与lambda表达式)
			
    函数Ⅲ(内置函数&lambda表达式) 1.函数小高级 函数可以当做变量来使用: def func(): print(123) func_list = [func, func, func] # ...
    
			
    3. 
						
  3. 洛谷 P1411 树
			
    最近在做些树形DP练练手 原题链接 大意就是给你一棵树,你可以断开任意数量的边,使得剩下的联通块大小乘积最大. 样例 8 1 2 1 3 2 4 2 5 3 6 3 7 6 8 输出 18 我首先想的 ...
    
			
    4. 
						
  4. ajax实现长连接
			
    项目需求:需要实时的读取日志文件里的数据,并且使用Echart实时更新折线图. 使用ajax实现客户端与服务器端的数据传输. 目的:我想通过ajax与服务器建立一个长连接,服务器会不断的传输数据给前台 ...
    
			
    5. 
						
  5. 解决ssh登录慢的问题
			
    修改文件/etc/ssh/sshd_config  : UseDNS no GSSAPIAuthentication no 重启服务 service sshd restart
    
			
    6. 
						
  6. SQLALlchemy数据查询小集合
			
    SQLAlchemy是Python编程语言下的一款ORM框架,该框架建立在数据库API之上,使用关系对象映射进行数据库操作.将对象转换成SQL,然后使用数据API执行SQL并获取执行结果.在写项目的过 ...
    
			
    7. 
						
  7. Docker下安装Jenkins
			
    Docker安装参见:https://www.cnblogs.com/hackyo/p/9280042.html 安装Jenkins: docker run \ -u root \ --rm \ -d ...
    
			
    8. 
						
  8. Mysq登陆后执行命令提示You must SET PASSWORD before executing this statement
			
    mysql  安装完成后,在输入命令行时,提示:You must SET PASSWORD before executing this statement 提示必须设置密码,我想不是已经设置了密码吗? ...
    
			
    9. 
						
  9. BMP文件解析
			
    目录 BMP文件简介 BMP文件格式 位图头 位图信息 调色板 位图数据 C语言代码 获取文件大小 获取文件尺寸 获取文件偏移量 读取文件数据示例 一个问题 完整程序 BMP文件简介 BMP(全称Bi ...
    
			
    10. 
						
  10. 开发portlet中的一些问题记录，portlet:resourceURL用法，portlet中通过processAction方法传值
			
    在portlet页面中引入js或者css,通过c或者s标签 <!--jquery实际放的地方:/MyTask/WebContent/scripts/jquery-1.8.3.min.js--&g ...
    
			
    11.