<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
<title>献给亲爱的XXX</title>
<meta name="keywords" content="有他,有她,有TA,惊喜,礼物,创意,表白,表白网,暗恋,热恋," />
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="../images/favicon.ico"/>
<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"/*tpa=http://youta.atwebpages.com/biaobai/digital-7_mono.ttf*/) format("truetype");
}
</style>
<link href="css/default.css" tppabs="http://youta.atwebpages.com/biaobai/css/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js" tppabs="http://youta.atwebpages.com/biaobai/js/jquery.js"></script>
<script type="text/javascript" src="js/garden.js" tppabs="http://youta.atwebpages.com/biaobai/js/garden.js"></script>
<script type="text/javascript" src="js/functions.js" tppabs="http://youta.atwebpages.com/biaobai/js/functions.js"></script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style>
<style type="text/css">
#thenceThen{font-size:2em;}
</style>
<script type="text/javascript" language="javascript">
function thenceThen(timespan){
var date1=new Date(timespan);
var totalSecs=(new Date()-date1)/1000;
var days=Math.floor(totalSecs/3600/24);
var hours=Math.floor((totalSecs-days*24*3600)/3600);
var mins=Math.floor((totalSecs-days*24*3600-hours*3600)/60);
var secs=Math.floor((totalSecs-days*24*3600-hours*3600-mins*60));
document.getElementById("thenceThen").innerText=days+"天"+hours+"小时"+mins+"分钟"+secs+"秒";
}
var clock;
window.onload=function(){
clock=self.setInterval("thenceThen('2014/05/26')", 500);
}
</script>
<style type="text/css">
#thenceThen{font-size:30px;}
</style>
</head>
<body>
<div id="mainDiv">
<div id="content">
<div id="code">
<span class="comments">致橡树</span><br />
<span class="space"><span class="comments"></span></span><br />
<span class="comments">
我如果爱你——<br>
绝不像攀援的凌霄花，<br>
借你的高枝炫耀自己：<br>
我如果爱你——<br>
绝不学痴情的鸟儿，<br>
为绿荫重复单调的歌曲；<br>
也不止像泉源，<br>
常年送来清凉的慰籍；<br>
也不止像险峰，增加你的高度，衬托你的威仪。<br>
甚至日光。<br>
甚至春雨。<br>
不，这些都还不够！<br>
我必须是你近旁的一株木棉，<br>
做为树的形象和你站在一起。<br>
根，紧握在地下，<br>
叶，相触在云里。<br>
每一阵风过，<br>
我们都互相致意，<br>
但没有人<br>
听懂我们的言语。<br>
你有你的铜枝铁干，<br>
像刀，像剑，<br>
也像戟，<br>
我有我的红硕花朵，<br>
像沉重的叹息，<br>
又像英勇的火炬，<br>
我们分担寒潮、风雷、霹雳；<br>
我们共享雾霭流岚、虹霓，<br>
仿佛永远分离，<br>
却又终身相依，<br>
这才是伟大的爱情，<br>
坚贞就在这里：<br>
不仅爱你伟岸的身躯，<br>
也爱你坚持的位置，脚下的土地。</span><br />
<span class="space"/><span class="comments"></span><br />
<span class="space"/><span class="comments"></span><br />
<span class="space"/><span class="comments">——2014.05.28</span><br />
</div>
<div id="loveHeart">
<canvas id="garden"></canvas>
<div id="words">
<div id="messages">
XXX, 这是我们认识的第
<div id="thenceThen"></div>
</div>
<div id="loveu">
相信爱，永相随！<br/>
<div class="signature">--XXX</div>
</div>
</div>
<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2014, 5, 26);
together.setHours(20);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);
if (!document.createElement('canvas').getContext) {
var msg = document.createElement("div");
msg.id = "errorMsg";
msg.innerHTML = "提醒您：IE低版本用户请一边惭愧去吧^_^<br/>"+
"推荐使用浏览器 <a href='http://dl.pconline.com.cn/download/51614.html' target='_blank'>Chrome 14+</a>"+
"/<a href='http://download.microsoft.com/download/0/4/9/049A037E-B6B4-4303-90BE-BA6CAE979674/IE10-Windows6.1-x86-zh-cn.exe' target='_blank'>IE 9+</a>"+
"/<a href='http://download.firefox.com.cn/releases/partners/baidu/webins3.0/zh-CN/Firefox-setup.exe' target='_blank'>Firefox 7+</a>"+
"/Safari 4+<br/>请先升级您的浏览器，效果很炫哦~~";
document.body.appendChild(msg);
$("#code").css("display", "none")
$("#copyright").css("position", "absolute");
$("#copyright").css("bottom", "10px");
document.execCommand("stop");
} else {
setTimeout(function () {
adjustWordsPosition();
startHeartAnimation();
}, 5000);
timeElapse(together);
setInterval(function () {
timeElapse(together);
}, 500);
adjustCodePosition();
$("#code").typewriter();
}
</script>
<EMBED src="">
<embed style="FILTER: blue()" width="0" height="0" src="http://www.kuwo.cn/yinyue/305246/" autostart="false"></embed>
</EMBED>
<br>
</FONT></P></FONT><BGSOUND balance=0 volume=0 loop=infinite>
<SCRIPT language=javascript> <div class=startanmo><ul>
</center>
</div><center><DIV id=matrix>xxxxxxxxx</DIV><!-- xxxxxxxxx -->
</center></body>
<html>
</center></html>
<embed style="FILTER: blue()" width="1440" height="900" src="http://yc.5sing.com/1784517.html" autostart="false"></embed>
<p align="center" style="font-size:12px">
</script>
<p align="center" style="font-size:12px">
</script>
<!-- 统计代码 -->
<div style="display:none">
<script language="javascript" type="text/javascript" src="../../js.users.51.la/15335892.js" tppabs="http://js.users.51.la/15335892.js"></script>
<noscript><a href="javascript:if(confirm('http://www.51.la/?15335892 \n\nļ Teleport Ultra , Ϊ һ·ⲿΪʼַĵַ \n\nڷϴ?'))window.location='http://www.51.la/?15335892'" tppabs="http://www.51.la/?15335892" target="_blank"><img alt="我要啦免费统计" src="../../webimg.51.la/go.asp-svid=17&id=15335892&style=9&vpage=http---youta.atwebpages.com-biaobai-demo.html&81770.56.gif" tppabs="http://img.users.51.la/15335892.asp" style="border:none" /></a></noscript>
</div>
<!-- /统计代码 -->
</body>
</html>
基于JavaScript实现的程序员表白爱心代码(2套)
需积分: 5 174 浏览量
2022-12-11
00:07:46
上传
评论
收藏 61KB ZIP 举报
基于JavaScript实现的程序员表白爱心代码(2套).zip （10个子文件） 
表白代码 01 css 
default.css 1KB
index.html 5KB js jquery.js 70KB functions.js 4KB garden.js 7KB 02 css default.css 1KB biaobai.html 7KB js jquery.js 70KB functions.js 3KB garden.js 4KB资源评论
