<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" 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') format("truetype");
}
<audio src="/music1.mp3" autoplay="autoplay">
</style>
<link href="style/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="style/jquery.js"></script>
<script type="text/javascript" src="style/garden.js"></script>
<script type="text/javascript" src="style/functions.js"></script>
</head>
<body>
<div id="mainDiv">
<div id="content">
<div id="code">
<p><span class="comments">/**</span><br />
<span class="space"/><span class="comments">*宝贝我爱你,</span><br />
<span class="space"/><span class="comments">* 今天呢是，2.14情人节，特意写这个网页送给你.</span><br />
<span class="space"/><span class="comments">*/</span><br />
<span class="comments">// 只有在你的微笑里，我才有呼吸，还贪恋着你的风情</span><br />
<br />
<span class="comments">// 诱惑着你的神秘，埋葬了我的爱情，脉脉之情如一溪春水</span><br />
</p>
<p><span class="comments">// 快刀难斩断，随着天各一方的时间越来越长，我的思念也越来越深</span><br />
</p>
<p><span class="comments">// 我很想找一个万籁俱寂的深夜或一个阳光明媚的早晨</span><br />
<br />
<span class="comments">// 把许多心底的惆怅、寂寞向你倾诉。 某某，我们的故事是最感人</span><br />
</p>
<p><span class="comments">// 最真实的，早安，我永恒的爱人，虽然我尚未起床</span><br />
<br />
<span class="comments">// 但思想已经飞到你的身边来了，</span></p>
<p><span class="comments">// 保留一个最浪漫的故事，给你一声祝福，</span></p>
<p><span class="comments">// 一个kiss，爱你直到永远！ 某某，理解我吗？</span><br />
<br />
<span class="comments">//宝贝情人节快乐~</span><br />
</p>
</div>
<div id="loveHeart">
<canvas id="garden"></canvas>
<div id="words">
<div id="messages">
<center>
宝贝我爱你
</center>
情人节快乐
<div id="elapseClock" style="display:none"></div>
<a href='index2.html' id="accept">亲爱的，请点击这里</a>
</div>
<div id="loveu">
爱你，直到永永远远。<br/>
<div class="signature">- </div>
</div>
</div>
</div>
</div>
</div>
<div class="bg1">
<div class="main">
<footer style="line-height:20px">
<div id="copyright">
<a href='' target="_blank"></a>
</object>
</div>
</div>
</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>
<audio id="bgmMusic" src="http://qzone.haoduoge.com/music/C2C3F0LSXH4D771253124A26CF9C71C939B2A.mp3" preload="auto" type="audio/mp3" autoplay loop></audio>
</html>
浮动爱心界面表白（附代码）
5星 · 超过95%的资源 需积分: 50 184 浏览量
2018-05-21
11:16:27
上传
评论 12
收藏 193KB RAR 举报 
表白网页款式十源码.rar （15个子文件） 
表白网页款式十源码 
jquery.min.js 90KB style jquery.js 71KB default.css 1KB functions.js 3KB garden.js 4KB
效果图.png 81KB img 1.png 2KB Thumbs.db 6KB 2.png 1KB tao.js 2KB
index.html 5KB jquery-1.7.1.min.js 92KB index2.html 4KB
bg_105_wrap2.jpg 45KB Thumbs.db 10KB资源评论
程序员lm2019-03-23运行可以，修改修改嵌套了一个视屏播放祝贺同学结婚
IT界的清流2020-02-06很荣幸，这套代码可以用在你同学的婚礼上，恭祝他们新婚快乐。
