console
<!DOCTYPE HTML>
<head><meta content="IE=11.0000" http-equiv="X-UA-Compatible">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="本表白网页在线生成来自 http://i.51bbw.cn" />
<meta name="description" content="你的出现，占满了我的视线，我愿跟随你永远" />
<title> 爱情树表白网页测试</title>
<body>
<link href="http://i.51bbw.cn/zxsc/1314/shuju/default.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://i.51bbw.cn/mp3/css/cuplayer.css">
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jquery.min.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jscex.min.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jscex-parser.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jscex-jit.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jscex-builderbase.min.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jscex-async.min.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/jscex-async-powerpack.min.js" type="text/javascript"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/functions.js" type="text/javascript" charset="utf-8"></script>
<script src="http://i.51bbw.cn/zxsc/1314/shuju/love.js" type="text/javascript" charset="utf-8"></script>
<STYLE type="text/css">
<!--
.STYLE1 {color: #666666;font-family:"微软雅黑"}
-->
</STYLE>
<style>
body{
color:#ff0000;
}
*{font-family: "微软雅黑";}
#code {font-size: 14px; display: none;}
.divcss5{width:0px;height:0px;line-height:0px; overflow:hidden;}
body{
background: !important;
color: !important;
}
</style>
<div id="main">
<div id="error">温馨提醒您，本页面采用HTML5编辑，目前您的浏览器无法显示，请尝试更换浏览器，建议使用(<A href="http://i.51bbw.cn/liulanqi">专用浏览器</A>)，或者其他游览器的最新版本。</div>
<div id="wrap">
<div id="text">
<div id="code">
<font color=""><span class="say">她的名字,你的出现，占满了我的视线，我愿跟随你永远 </span><br/>
<span class="say"></span><br/><span class="say">自从遇见你那天开始，我的心就像跌进深深的湖水，推不开躲不掉，心一直想往你身上靠</span><br/><br/>
<span class="say"></span><br/><span class="say">只要你愿意，当你失落失意的时候，需要一个肩膊的时候，告诉我，我会立即出现</span><br/><br/>
<span class="say"></span><br/><span class="say">之前我不相信一见钟情，但是见到你的那一刻，我否定了我的看法。我的心为你沦陷，从此只为你跳动</span><br/><br/>
<span class="say"></span><br/><span class="say">有一种爱的感觉，叫感同身受。有一种爱的默契，叫心有灵犀。有一种爱的承诺，叫天长地久</span><br/><br/>
<span class="say"></span><br/><span class="say">有一种爱的方式，是执子之手,与子携老</span><br/><br/>
<span class="say"></span><br/><span class="say">莎士比亚说过：爱情是一种甜蜜的痛苦，但是我愿意忍受这种痛苦</span><br/><br/>
<span class="say"></span><br/><span class="say">莎士比亚还说过，世界上没有比服侍爱情更快乐的了，你愿不愿意享受这种快乐？</span><br/><br/>
<span class="say"></span><br/><span class="say">I LOVE YOU</span><br/><br/>
<span class="say"></span><br/><span class="say"> --爱你的你的名字-- </span>
</font>
</div></div>
<div id="xy">
<div id="clock-box">
<div id="clock"></div>
</div>
</div>
<CANVAS width="1100" height="680" id="canvas"></CANVAS> </div></div>
<script></script>
<script>
(function(){
var canvas = $('#canvas');
if (!canvas[0].getContext) {
$("#error").show();
return false;
}
var width = canvas.width();
var height = canvas.height();
canvas.attr("width", width);
canvas.attr("height", height);
var opts = {
seed: {
x: width / 2 - 20,
color: "rgb(190, 26, 37)",
scale: 2
},
branch: [
[535, 680, 570, 250, 500, 200, 30, 100, [
[540, 500, 455, 417, 340, 400, 13, 100, [
[450, 435, 434, 430, 394, 395, 2, 40]
]],
[550, 445, 600, 356, 680, 345, 12, 100, [
[578, 400, 648, 409, 661, 426, 3, 80]
]],
[539, 281, 537, 248, 534, 217, 3, 40],
[546, 397, 413, 247, 328, 244, 9, 80, [
[427, 286, 383, 253, 371, 205, 2, 40],
[498, 345, 435, 315, 395, 330, 4, 60]
]],
[546, 357, 608, 252, 678, 221, 6, 100, [
[590, 293, 646, 277, 648, 271, 2, 80]
]]
]]
],
bloom: {
num: 700,
width: 1080,
height: 650,
},
footer: {
width: 1200,
height: 5,
speed: 10,
}
}
var tree = new Tree(canvas[0], width, height, opts);
var seed = tree.seed;
var foot = tree.footer;
var hold = 1;
canvas.click(function(e) {
var offset = canvas.offset(), x, y;
x = e.pageX - offset.left;
y = e.pageY - offset.top;
if (seed.hover(x, y)) {
hold = 0;
canvas.unbind("click");
canvas.unbind("mousemove");
canvas.removeClass('hand');
}
}).mousemove(function(e){
var offset = canvas.offset(), x, y;
x = e.pageX - offset.left;
y = e.pageY - offset.top;
canvas.toggleClass('hand', seed.hover(x, y));
});
var seedAnimate = eval(Jscex.compile("async", function () {
seed.draw();
while (hold) {
$await(Jscex.Async.sleep(10));
}
while (seed.canScale()) {
seed.scale(0.95);
$await(Jscex.Async.sleep(10));
}
while (seed.canMove()) {
seed.move(0, 2);
foot.draw();
$await(Jscex.Async.sleep(10));
}
}));
var growAnimate = eval(Jscex.compile("async", function () {
do {
tree.grow();
$await(Jscex.Async.sleep(10));
} while (tree.canGrow());
}));
var flowAnimate = eval(Jscex.compile("async", function () {
do {
tree.flower(2);
$await(Jscex.Async.sleep(10));
} while (tree.canFlower());
}));
var moveAnimate = eval(Jscex.compile("async", function () {
tree.snapshot("p1", 240, 0, 610, 680);
while (tree.move("p1", 500, 0)) {
foot.draw();
$await(Jscex.Async.sleep(10));
}
foot.draw();
tree.snapshot("p2", 500, 0, 610, 680);
canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")");
canvas.css("background", "#ffe");
$await(Jscex.Async.sleep(300));
canvas.css("background", "none");
}));
var jumpAnimate = eval(Jscex.compile("async", function () {
var ctx = tree.ctx;
while (true) {
tree.ctx.clearRect(0, 0, width, height);
tree.jump();
foot.draw();
$await(Jscex.Async.sleep(25));
}
}));
var textAnimate = eval(Jscex.compile("async", function () {
var together = new Date();
var strs = "2016-09-22 00:00:00";
var nowTime=new Date();
var together = new Date(strs.replace(/-/g,"/"));
$("#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>
</embed>
</div>
</div>
<div class="bg1">
<div class="main">
<footer style="line-height:20px">
<div id="copyright">
<div class="divcss5">Copyright © 2015 <a href='http://51bbw.cn' target="_blank">我要表白网</a>
<img src="http://cdn.51bbw.cn/mo.jpg">
<script type="text/javascript">
var cpro_id = "u2782220";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
</div>
<p align="center">
<div style="position:absolute; top:50px; right:50px;">
<audio id="main_audio" autoplay="autoplay" preload="auto" loop>
<source src="http://i.51bbw.cn/mp3/mp3.php?id=http://music.163.com/outchain/player?type=2&id=30070700&auto=1&height=66" type="audio/mpeg" />
<embed id="main_audio_ie8" hidden="true" autostart="true" height="0" width=0 loop="true" src="http://i.51bbw.cn/mp3/mp3.php?id=http://music.163.com/outchain/player?type=2&id=30070700&auto=1&height=66" autoplay="autoplay"/>
</audio>
<a class="c-white fs-12 icon-play rotate" id="btn-play" href="javascript:void(0);"></a>
</div>
<script type="text/javascript">
$(function(){
$("area").click(function(){
var picId=$(this).attr("data-id");
var picSrc="images/img_big/"+picId+".jpg"
$(".modal-content>.pic-box>img").attr("src",picSrc);
})
var isPlaying = function(audio) {return !audio.paused;}
var a = document.getElementById('main_audio');
if(!(a.play instanceof Function)){
a = document.getElementById('main_audio_ie8');
isPlaying = function(audio) {return audio.playState==2;}
}
$('#btn-play').on('click', function() {
if($(this).hasClass('rotate')) {
a.pause();
$(this).removeClass('rotate');
} else {
a.play();
$(this).addClass('rotate');
}
});
})
</script>
</div>
</div>
</div>
</div>
</div><div style="display:none">
<script type="text/javascript">
var cpro_id = "u2782229";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
</div>
</body>
</html>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?409ccbe4694e0213c11f33f5b461a258";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>