html表白用的免费源代码.zip_手机表白编程代码资源-CSDN文库

共30个文件

png：14个

js：9个

html：3个

表白代码

需积分: 14 55 浏览量 2022-12-26 11:13:10 上传评论 1 收藏 1.99MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

520表白代码.zip （30个子文件）

confession-code-master

求爱

image.png 12KB

jscex-builderbase.min.js 2KB

jscex-jit.js 50KB

functions.js 2KB

jscex-parser.js 53KB

jquery.min.js 92KB

jscex-async-powerpack.min.js 4KB

jscex.min.js 882B

jscex-async.min.js 4KB

love.js 17KB

css

default.css 768B

.keep 0B

indel.html 8KB

3D相册

img

05.png 20KB

02.png 22KB

3.png 250KB

04.png 22KB

01.png 23KB

03.png 21KB

1.png 275KB

6.png 207KB

preview.png 384KB

5.png 281KB

4.png 220KB

2.png 206KB

06.png 24KB

.keep 0B

indel.html 5KB

爱心特效

表白.html 4KB

.keep 0B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>susu</title> <link type="text/css" rel="stylesheet" href="css/default.css"> <script type="text/javascript" src="js\jquery.min.js"></script> <script type="text/javascript" src="js\jscex.min.js"></script> <script type="text/javascript" src="js\jscex-parser.js"></script> <script type="text/javascript" src="js\jscex-jit.js"></script> <script type="text/javascript" src="js\jscex-builderbase.min.js"></script> <script type="text/javascript" src="js\jscex-async.min.js"></script> <script type="text/javascript" src="js\jscex-async-powerpack.min.js"></script> <script type="text/javascript" src="js\functions.js" charset="utf-8"></script> <script type="text/javascript" src="js\love.js" charset="utf-8"></script> <style type="text/css">  </style> </head> <body> <audio autoplay="autopaly"> <source src="renxi.mp3" type="audio/mp3" /> </audio> <div id="main"> <div id="error">本页面采用HTML5编辑，目前您的浏览器无法显示，请换成谷歌(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)或者火狐(<a href="http://firefox.com.cn/download/">Firefox</a>)浏览器，或者其他游览器的最新版本。</div> <div id="wrap"> <div id="text"> <div id="code"> <font color="#FF0000"> <span class="say">亲爱的李馨，我爱你，虽然你看不见我对你的告白</span><br> <span class="say"> </span><br> <span class="say"> 我知道我不会甜言蜜语，但是我会用行动证明一切</span><br> <span class="say"> </span><br> <span class="say">你说我啰嗦，有些东西因为越在乎所以越失去</span><br> <span class="say">因为我太爱你了，所以我失去你了</span><br> <span class="say">因为我太啰嗦了，所以你离开了我</span><br> <span class="say">虽然你看不见我的告白，但是我还是要把这些心里话说出来</span><br> <span class="say"> </span><br> <span class="say"><span class="space"></span> -- 爱你的susu--</span> </font></p> </div> </div> <div id="clock-box"> <span class="STYLE1"></span><font color="#33CC00">亲爱的宝宝，我喜欢你</font> <span class="STYLE1">已经是……</span> <div id="clock"></div> </div> <canvas id="canvas" width="1100" height="680"></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(); together.setFullYear(2014,1 , 15); //时间年月日 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());

评论收藏

内容反馈