程序员表白

来源：互联网发布：淘宝客如何在微信推广编辑：程序博客网时间：2024/04/28 08:59
最近在CSDN上面看到一篇帖子，用代码向自己的女朋友表白，觉得挺有意思的，记录下来给大家分享一下，下面的代码复制粘贴就能用，页面内容可以按照自己的经历修改，有域名的同志们还可以发布到自己的网站上面，将表白时间记录下来，这样的话，就算网页关了，下次打开的时候，fall in love的时间也会继续计时，呵呵。。。
<!DOCTYPE HTML><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>    <title>Our Love Story</title>    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <style type="text/css">        @font-face {            font-family: digit;            src: url('digital-7_mono.ttf') format("truetype");        }    </style>    <link href="http://51goal.net/love/default.css" type="text/css" rel="stylesheet">    <script type="text/javascript" src="http://51goal.net/love/jquery.js"></script>    <script type="text/javascript" src="http://51goal.net/love/garden.js"></script>    <script type="text/javascript" src="http://51goal.net/love/functions.js"></script></head><body>    <div id="mainDiv">        <div id="content">            <div id="code">                <span class="comments">/**</span><br />                <span class="space"/><span class="comments">* We are both XXX Unversity  business administration and programmers,</span><br />                <span class="space"/><span class="comments">* so I write some code to show my love to you.</span><br />                <span class="space"/><span class="comments">*/</span><br />                Boy i = <span class="keyword">new</span> Boy(<span class="string">"boyname"</span>);<br />                Girl u = <span class="keyword">new</span> Girl(<span class="string">"girlname"</span>);<br />                <span class="comments">// April 28, 2012, I told you I love you. </span><br />                i.love(u);<br />                <span class="comments">// but..., what you said that meaning we are still good friends.</span><br />                u.sayOtherthing();<br />                <span class="comments">// Since then, I ask you for the reason.</span><br />                <span class="keyword">var</span> reason=i.ask(u);<br />                <span class="comments">// you say we were not understand enough for each other .</span><br />                $("body").append(reason);<br />                <span class="comments">// You say that it is too quickily to turn our relation of lover.</span><br />                <span class="comments">// And take care of u and our love.</span><br />                i.takeCareOf(u);<br />                <span class="comments">// So I keep waiting and I have confidence that you will.</span><br />                <span class="keyword">boolean</span> isAccept = <span class="keyword">false</span>;<br />                <span class="keyword">while</span> (isAccept) {<br />                <span class="placeholder"/>i.waitFor(u);<br />                <span class="placeholder"/><span class="comments">// I think it is an important decision</span><br />                <span class="placeholder"/><span class="comments">// and you should forgot the unhappy things that happended before.</span><br />                <span class="placeholder"/>isAccept = u.thinkOver();<br />                }<br />                <span class="comments">// After a please sound of accept, we will live happily ever after.</span><br />                u.accept(i);<br />                i.liveHappilyWith(u);<br />            </div>            <div id="loveHeart">                <canvas id="garden"></canvas>                <div id="words">                    <div id="messages">                        girlname, I will have fallen in love with you for                        <div id="elapseClock" style="display:none"></div>                        <a href='#' id="accept">click me if accept me</a>                    </div>                    <div id="loveu">                        Love u forever and ever.<br/>                        <div class="signature">- boyname</div>                    </div>                </div>            </div>        </div>        <div id="copyright">            Inspired by <a href="http://www.openrise.com/lab/FlowerPower/">FlowerPower</a> project.<br />            Copyright ? 2012 <a href="#">boyname && girlname</a>         </div>    </div>    <script type="text/javascript">        var offsetX = $("#loveHeart").width() / 2;        var offsetY = $("#loveHeart").height() / 2 - 55;                if (!document.createElement('canvas').getContext) {            var msg = document.createElement("div");            msg.id = "errorMsg";            msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";             document.body.appendChild(msg);            $("#code").css("display", "none")            $("#copyright").css("position", "absolute");            $("#copyright").css("bottom", "10px");            document.execCommand("stop");        } else {            setTimeout(function () {                adjustWordsPosition();                startHeartAnimation();            }, 10000);                        $("#accept").click(function(){                $(this).hide();                $("#elapseClock").show();                var together = new Date();                timeElapse(together);                setInterval(function () {                    timeElapse(together);                }, 500);            })                        adjustCodePosition();            $("#code").typewriter();        }    </script></body></html>