【情人节表白代码】——情人节将至，10余款浪漫爱心特效送给你爱的那个她

谁说我们不懂浪漫的？不！你错了程序员一旦浪漫起来，那就是个bug！！！

浪漫表白一

代码部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱心表白</title><style type="text/css">
@font-face {font-family: digit;src: url('digital-7_mono.ttf') format("truetype");
}
</style><link href="css/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/garden.js"></script>
<script type="text/javascript" src="js/functions.js"></script></head><body><div id="mainDiv">...
</div><script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2013, 2, 28);
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 = "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 () {startHeartAnimation();}, 5000);timeElapse(together);setInterval(function () {timeElapse(together);}, 500);adjustCodePosition();$("#code").typewriter();
}
</script></body>
</html>

浪漫表白二

代码部分

<!DOCTYPE html><html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我爱你</title>
<link type="text/css" rel="stylesheet" href="renxi/default.css">
<script type="text/javascript" src="renxi/jquery.min.js"></script>
<script type="text/javascript" src="renxi/jscex.min.js"></script>
<script type="text/javascript" src="renxi/jscex-parser.js"></script>
<script type="text/javascript" src="renxi/jscex-jit.js"></script>
<script type="text/javascript" src="renxi/jscex-builderbase.min.js"></script>
<script type="text/javascript" src="renxi/jscex-async.min.js"></script>
<script type="text/javascript" src="renxi/jscex-async-powerpack.min.js"></script>
<script type="text/javascript" src="renxi/functions.js" charset="utf-8"></script>
<script type="text/javascript" src="renxi/love.js" charset="utf-8"></script>
<style type="text/css">
<!--
.STYLE1 {color: #666666
}
-->
</style>
</head>
<body>
<audio autoplay="autopaly"><source src="renxi.mp3" type="audio/mp3" />
</audio>
<div id="main">...
</div>
<script></script>
<script>(function () {var canvas = $('#canvas');if (!canvas[0].getContext) {$("#error").show();return false;}var textAnimate = eval(Jscex.compile("async", function () {var together = new Date();together.setFullYear(2010, 3,1); 			//时间年月日together.setHours(16);						//小时	together.setMinutes(53);					//分钟together.setSeconds(0);					//秒前一位together.setMilliseconds(2);				//秒第二位$("#code").show().typewriter();$("#clock-box").fadeIn(500);while (true) {timeElapse(together);$await(Jscex.Async.sleep(1000));}}));var runAsync = eval(Jscex.compile("async", function () {$await(seedAnimate());$await(growAnimate());$await(flowAnimate());$await(moveAnimate());textAnimate().start();$await(jumpAnimate());}));runAsync().start();})();</script>
</body>
</html>

怎么样，浪漫吧，还不抓紧收藏起来！！！【源码评论区留言或者私信博主哦~，都是各位大佬贡献的源码啦~】

没看够？别急，再给大家看看程序员大佬的浪漫~

浪漫表白三 原文连接https://www.jq22.com/jquery-info18876https://www.jq22.com/jquery-info18876体验一下