當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

【爱心代码大全】——情人节表白代码送给她属于我们程序员的浪漫

發布時間：2023/12/10 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了【爱心代码大全】——情人节表白代码送给她属于我们程序员的浪漫小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

👴大多數人以為的程序員——發量少，身穿格子褂，坐在電腦前就是碼字。一點也不懂浪漫！

誰說我們不懂浪漫的？不！你錯了程序員一旦浪漫起來，真沒其他人啥事了！！！

浪漫表白一

?代碼部分

<!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 id="content"><div id="code"><span class="comments">/**</span><br /><span class="space"/><span class="comments">*2022—02-10,</span><br /><span class="space"/><span class="comments">*2022—02-10.</span><br /><span class="space"/><span class="comments">*/</span><br />Boy name = <span class="keyword">Mr</span> LI<br />Girl name = <span class="keyword">Mrs</span> ZHANG<br /><span class="comments">// Fall in love river. </span><br />The boy love the girl;<br /><span class="comments">// They love each other.</span><br />The girl loved the boy;<br /><span class="comments">// AS time goes on.</span><br />The boy can not be separated the girl;<br /><span class="comments">// At the same time.</span><br />The girl can not be separated the boy;<br /><span class="comments">// Both wind and snow all over the sky.</span><br /><span class="comments">// Whether on foot or 5 kilometers.</span><br /><span class="keyword">The boy</span> very <span class="keyword">happy</span>;<br /><span class="keyword">The girl</span> is also very <span class="keyword">happy</span>;<br /><span class="placeholder"/><span class="comments">// Whether it is right now</span><br /><span class="placeholder"/><span class="comments">// Still in the distant future.</span><br /><span class="placeholder"/>The boy has but one dream;<br /><span class="comments">// The boy wants the girl could well have been happy.</span><br /><br><br>I want to say:<br />Baby, I love you forever;<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><div id="copyright"><a href="#">....</a><br /><a href="#">....</a><br /></div> </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">  </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><div id="clock-box"> <span class="STYLE1"></span><font color="#FF4500">親愛的寶寶，我愛你</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 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-info18876體驗一下

浪漫表白四

原文連接https://www.jq22.com/jquery-info14520體驗一下

浪漫表白五

原文連接https://www.jq22.com/jquery-info14031體驗一下

怎么樣，浪漫吧，還不抓緊收藏起來！！！【源碼評論區留言或者私信博主哦~，都是各位大佬貢獻的源碼啦~】