五一散分，昨晚向一个女孩表白了，没接受，也没拒绝。。附加分享一个表白的html5网页
最近一个女孩一起学英语，三天两头的一起吃饭，一起看电影（包括Titanic 3D）（认识快三年了，频繁联系是在这2个月里），昨晚在逛江边的时候和她表白了，她叫我好好再仔细考虑下再说，我问她原因，她说我们相互之间还没有足够的了解。
后来送完她回寝室后，我根据网上一个求婚的网页改成了我的表白网页发给了那个女孩（我这个这个时候要发挥自己的专业特长），她看了之后QQ上有了以下对话
我：把我写的这个东西用chrome浏览器打开看一下
她：白痴，无聊
我：看了之后感觉怎么样？
她：你要我说实话吗？
我：说吧，我最喜欢听实话了
她：有点小感动，嘿嘿。
她：以后网页关了那个计时还会继续吗？
我：你如果接受了的话，我改成确定的时候就能继续了
她：你别诱惑我哈
我：那你要怎么样才会接受呢
她：让我考虑下，等我通知吧
我：通知什么时候会有
她：我想想，过了四级之后，是不是很遥远?
我：万一过不了怎么样？
她：那就要看你的努力程度了，哈哈
我：啊，那四级压力大了，它和我的终生大事和将来发展都有关啊。。。。
她：嘿嘿，有压力才有动力嘛
我~~~~接下来的不给你们看了
嘿嘿，看来这个html5的小网页还是有点用的，希望我的努力能得到结果。
我改了一下，献给论坛里面有需要的同胞：效果地址：http://51goal.net/love/
备注一下：此网页并不是本人原创，楼下说哪里哪里见过的也别喷我，我只希望它能对大家有用，在关键时刻帮上一把
希望楼下是女生的请说说看了这个网页后心里的真实感受，如果是有经验的人的我请给我一下接下来的意见，我希望能早日得到accept，如果是单身的话，希望。。。。
最后希望斑竹给个推荐呗
下面的html的代码
<!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>
boolean isAccept = false;while (isAccept) {i.waitFor(u);// I think it is an important decision// and you should forgot the unhappy things that happended before.isAccept = u.thinkOver();}
[解决办法]
Your browser doesn't support HTML5!
Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+
[解决办法]