520特供|表白网页源码(含代码)

html文件,直接下载打开即可,或上传到服务器

<!DOCTYPE HTML>
<html lang="en">
<head>
	<title>一封浪漫的情书</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"/*tpa=./digital-7_mono.ttf*/) format("truetype");
		}
	</style>
	<link href="css/default.css" tppabs="./css/default.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.js" tppabs="./js/jquery.js"></script>
	<script type="text/javascript" src="js/garden.js" tppabs="./js/garden.js"></script>
    <script type="text/javascript" src="js/functions.js" tppabs="./js/functions.js"></script>
	</head>
<body>
	<audio id="bgm" src="bgm/说爱你.mp3" autoplay preload loop="loop"></audio>
	<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="space"/><span class="comments">只有在你的微笑里,我才有呼吸,还贪恋着你的风情,诱惑着你的神秘,埋葬了我的爱情,脉脉之情如一溪春水,快刀难斩断,随着天各一方的时间越来越长,我的思念也越来越深,我很想找一个万籁俱寂的深夜或一个阳光明媚的早晨,把许多心底的惆怅、寂寞向你倾诉。
				</span><br />
				<span class="space"/><span class="comments">宝贝,在这没有月的漆黑的夜里,我独自坐在窗前写着这封信,希望睡前可以吻你;希望睡时可以抱着你;希望醒来可以看到你,有你的日子,一切都是那么美好,风和日丽,鲜花遍地;没你的日子,白昼是那么的黯淡,黑夜是那么的漫长。硕硕,我想告诉你,自从有了你,我觉得整个世界都在向我点头微笑,你那充满朝气的身影总是伴着月光入我梦来,让我牵挂不停。还记得我俩的初遇。那一瞬间,时间就像静止了一般,你的气质让我觉得惊喜,认识你我的生活充满生机,爱上你我的生活充满激情。</span><br />
				<span class="space"/><span class="comments">宝贝,保留一个最浪漫的故事,给你一声祝福,一个kiss,爱你直到永远!
				宝贝,理解我吗?我会傻傻的爱你到永远。宝贝,我只想和你白头到老,美轮美奂的你编织着神话,创造着奇迹,只因让我遇到你。</span><br />
			</div>
			<div id="loveHeart">
				<canvas id="garden"></canvas>
				<div id="words">
					<div id="messages">
						宝贝, 这是我们爱上你的第
						<div id="elapseClock"></div>
					</div>
					<div id="loveu">
						永远爱你,一辈子,不分离!<br/>
						<div class="signature">——最爱你的人</div>

				</div>
			</div>
</div>
	<div class="bg1">	
		<div class="main">
			<footer style="line-height:20px">
		</div>
	</div>
</div>

	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		var together = new Date();
		together.setFullYear(2019, 08, 18);/*这里填你们认识的时间*/
		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 = "提醒您:您的浏览器版本过旧^_^<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>
    <audio id="bgmMusic" src="http://qzone.haoduoge.com/music/C2C3F0LSXH4D771253124A26CF9C71C939B2A.mp3" preload="auto" type="audio/mp3" autoplay loop></audio>
    

<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"1","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fc5987e1ba8b95bbc85efa2ecefbfc06e' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>

最后,祝大家520和女朋友一起玩的开心

520特供··zzblog|良心网站

下载地址

https://www.zzzjr.xyz/download/表白网页.zip

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注