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

编程问答

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

發(fā)布時間：2023/12/10 编程问答 35 豆豆

生活随笔收集整理的這篇文章主要介紹了【情人节表白代码】——情人节将至，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">  </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>

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

沒看夠？別急，再給大家看看程序員大佬的浪漫~

浪漫表白三 原文連接https://www.jq22.com/jquery-info18876https://www.jq22.com/jquery-info18876體驗一下

浪漫表白四

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

浪漫表白五

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

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