日期:2014-05-20  浏览次数:20859 次

五一散分,昨晚向一个女孩表白了,没接受,也没拒绝。。附加分享一个表白的html5网页
最近一个女孩一起学英语,三天两头的一起吃饭,一起看电影(包括Titanic 3D)(认识快三年了,频繁联系是在这2个月里),昨晚在逛江边的时候和她表白了,她叫我好好再仔细考虑下再说,我问她原因,她说我们相互之间还没有足够的了解。
后来送完她回寝室后,我根据网上一个求婚的网页改成了我的表白网页发给了那个女孩(我这个这个时候要发挥自己的专业特长),她看了之后QQ上有了以下对话
我:把我写的这个东西用chrome浏览器打开看一下
她:白痴,无聊
我:看了之后感觉怎么样?
她:你要我说实话吗?
我:说吧,我最喜欢听实话了
她:有点小感动,嘿嘿。
她:以后网页关了那个计时还会继续吗?
我:你如果接受了的话,我改成确定的时候就能继续了
她:你别诱惑我哈
我:那你要怎么样才会接受呢
她:让我考虑下,等我通知吧
我:通知什么时候会有
她:我想想,过了四级之后,是不是很遥远?
我:万一过不了怎么样?
她:那就要看你的努力程度了,哈哈
我:啊,那四级压力大了,它和我的终生大事和将来发展都有关啊。。。。
她:嘿嘿,有压力才有动力嘛
我~~~~接下来的不给你们看了

嘿嘿,看来这个html5的小网页还是有点用的,希望我的努力能得到结果。
我改了一下,献给论坛里面有需要的同胞:效果地址:http://51goal.net/love/
备注一下:此网页并不是本人原创,楼下说哪里哪里见过的也别喷我,我只希望它能对大家有用,在关键时刻帮上一把

希望楼下是女生的请说说看了这个网页后心里的真实感受,如果是有经验的人的我请给我一下接下来的意见,我希望能早日得到accept,如果是单身的话,希望。。。。
最后希望斑竹给个推荐呗
下面的html的代码
HTML code


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