@[toc]
前言
情人节，又称圣瓦伦丁节或圣华伦泰节，日期在每年公历的2月14日，是西方国家的传统节日之一，起源于基督教。如今已经成为全世界著名的浪漫节日，但是不同国家的人们表达爱意的方式却各不相同。
情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日，男女在这一天互送礼物用以表达爱意或友好。情人节的晚餐约会通常代表了情侣关系的发展关键。
情人节现已成为欧美各国青年人喜爱的节日，其他国家也已开始流行。中国将传统节日七夕节视作情人节。由于能表达共同的人类情怀，各国各地纷纷发掘了自身的“情人节”。据海外网2019年2月14日电，有美媒曝出，日本女性正在抵制本国情人节的一项独特传统。
一，先上一颗python小红心，后面有豪华情人节版。
python代码：
import turtle
turtle.pensize(1)
turtle.pencolor('red')
turtle.fillcolor('red')
turtle.speed(5)
turtle.up()
turtle.goto(-30,100)
turtle.down()
turtle.begin_fill()
turtle.left(90)
turtle.circle(120,180)
turtle.circle(360,70)
turtle.left(38)
turtle.circle(360,70)
turtle.circle(120,180)
turtle.end_fill()
turtle.up()
turtle.goto(-100,-100)
turtle.done()二，html豪华版（动态）：情人节快乐！
先上图：
1,源码附上：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding:0;
}
html,body{
width:100%;
height:100%;
/*text-align: center;*/
background-color: #ffc5b3;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
background-image: radial-gradient(#ffeded, #ffc7c7);
}
.textCon{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width:700px;
height:60px;
margin:50px auto;
}
.text{
font-size:48px;
}
.heart{
width:80px;
height:80px;
background-color:#cc2a5d;
margin:200px auto;
position: relative;
transform: rotate(45deg);
animation: heart 1s ease-in infinite;
}
.heart::before,
.heart::after{
content:'';
width:100%;
height:100%;
background-color:#cc2a5d;
border-radius: 50%;
}
.heart::before{
position: absolute;
top:0;
left:0;
transform: translateX(-50%);
}
.heart::after{
position: absolute;
top:0;
left:0;
transform: translateY(-50%);
}
@keyframes heart{
0%{
transform: scale(0.8) rotate(45deg);
opacity: 0.8;
}
50%{
transform: scale(1) rotate(45deg);
opacity: 1;
}
100%{
transform: scale(0.8) rotate(45deg);
opacity: 0.8;
}
}
.textCon .item{
position: absolute;
opacity: 0;
background-color:#cc2a5d;
transform: rotate(45deg);
animation: hearts 3s ease-in infinite;
}
.textCon .item::before,
.textCon .item::after{
content:'';
width:100%;
height:100%;
background-color:#cc2a5d;
position: absolute;
top:0;
left:0;
border-radius: 50%;
}
.textCon .item::before{
transform: translateX(-50%);
}
.textCon .item::after{
transform: translateY(-50%);
}
@keyframes hearts{
0%{
opacity: 0;
transform: translateY(0%) rotate(45deg);
}
20%{
opacity: 0.8;
transform: translateY(-20%) rotate(45deg);
}
100%{
opacity: 0;
transform: translateY(-1000%) rotate(45deg);
}
}
.days-label {
font-size: 30px;
}
.seconds {
margin-top: 10px;
font-size: 32px;
font-family: "Monda_bo", Georgia, sans-serif;
width: auto;
text-align: center;
}
.seconds-label {
margin-top: 32px;
font-size: 32px;
font-family: "Monda_no", Georgia, sans-serif;
width: auto;
text-align: center;
}
.container {
position: absolute;
}
.days {
font-size: 40px;
width: auto;
text-align: center;
}
.words {
font-size: 50px;
font-family: 'Regular', cursive;
width: auto;
text-align: center;
}
.1words {
font-size: 50px;
font-family: 'Regular', cursive;
width: auto;
text-align: center;
}
</style>
</head>
<body>
<h1 class="textCon">
<div class="words">上进小菜猪，情人节快乐！</div>
<div class="words">今天是我们恋爱的第</div>
<div class="days">
<span class="days-number">0</span>
<span class="days-label">天</span>
</div>
<div class="seconds">1 hours 5 minutes 20 seconds</div>
<br /><br />
<div class="words"><h5>执手相看泪眼，竟无语凝噎。</h5></div>
<div class="words"><h5>一生一世，携手共进。</h5></div>
<div style="text-indent:16em;">——XXX</div>
</div>
<div class="heart"></div>
<script >
var arr = "2020-07-9 00:03:35".split(/[- :]/);//修改恋爱纪念日
var box = document.getElementsByClassName('textCon')[0];
function init() {
var width = box.offsetWidth;
var count = parseInt(width / 50 * 5);
for (var i = 0; i < count; i++) {
var size = parseInt(ran(60, 120) / 10);
var ele = document.createElement('div');
ele.classList.add('item');
ele.style.width = size + 'px';
ele.style.height = size + 'px';
ele.style.left = ran(0, 95) + '%';
ele.style.top = ran(20, 80) + '%';
ele.style.animationDelay = ran(0, 30) / 10 + 's';
box.appendChild(ele);
}
}
function ran(min, max) {
min = parseInt(min);
max = parseInt(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function timer_start(){
var start_time = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);
// var start_time = new Date(beginTime);
// var start_time = Date.parse(beginTime);
var duration = parseInt(new Date()- start_time)/1000;
var seconds = parseInt( duration % 60);
if (seconds < 10)
seconds = "0" + seconds;
duration = parseInt(duration / 60);
var minutes = duration % 60;
if (minutes < 10)
minutes = "0" + minutes;
duration = parseInt(duration / 60);
var hours = duration % 24;
if (hours < 10)
hours = "0" + hours;
duration = parseInt(duration / 24);
var days = duration;
document.getElementsByClassName('days-number')[0].innerHTML = ("" +days);
document.getElementsByClassName('seconds')[0].innerHTML = (hours + " 时 " + minutes + " 分 " + seconds + " 秒");
}
window.setInterval(timer_start,1000);
timer_start();
init();
</script>
<script >
!function(e,t,a){function n(){c(".love{width: 20px;height: 20px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.love:after,.love:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.love:after{top: -10px;}.love:before{left: -10px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="love",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"#cc2a5d"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);
// rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")
</script>
</h1>
</body>
</html>1,1操作步骤
1.,1,1新建文本
1,1,1,2.打开记事本粘贴代码
3，修改参数
1,1,1,4.将后缀txt改为html
1,1,1,5.双击打开
说明：
三，小爱心献上
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<canvas id="can" width="800" height="600"></canvas>
</body>
<script type="text/javascript">
var can=document.getElementById("can");
var ctx=can.getContext("2d");
var x=200;
var y=100;
var x1=250;
var y1=100;
setInterval(function(){
ctx.beginPath();
ctx.lineWidth=2;
ctx.strokeStyle="red";
ctx.rect(x,y,2,2);
if(x>=200 && x<=250 && y>=50 && y<=100)
{
x+=1;
y-=1;
}
if(x>=250 && x<=300 && y>=50 && y<=100)
{
x+=1;
y+=1;
}
if(x>=200 && x<=300 && y>=100 && y<=200)
{
x-=1;
y+=1;
}
if(x>=100 && x<=200 && y>=100 && y<=200)
{
x-=1;
y-=1;
}
if(x>=100 && x<=150 && y>=50 && y<=100)
{
x+=1;
y-=1;
}
if(x>=150 && x<=200 && y>=50 && y<=100)
{
x+=1;
y+=1;
}
ctx.closePath();
ctx.stroke();
},10);
</script>
</html>
四，知识库
古诗词爱情唯美的句子
1、问世间，情是何物，直教生死相许。
2、恨君不似江楼月，南北东西，南北东西，只有相随无别离。
3、当时明月在，曾照彩云归。
4、春蚕到死丝方尽，蜡炬成灰泪始干。
5、浮生长恨欢娱少，肯爱千金轻一笑。为君持酒劝斜阳，且向花间留晚照。
6、天与短因缘，聚散常容易。
7、满院落花帘不卷，断肠芳草远。
8、何处合成愁，离人心上秋。
9、重叠泪痕缄锦字，人生只有情难死。
10、无缘何生斯世，有情能累此生。
11、江州司马，青衫泪湿，同是天涯。
12、红烛背，绣帘垂，梦长君不知。
13、唯将终夜长开眼，报答平生未展眉。
14、惟将终夜长开眼，报答平生未展眉。
15、妾身悔作商人妇，妾命当逢薄幸夫。
16、相思树底说相思，思郎恨郎郎不知。
17、名播兰簪妃后里，晕生莲脸君王侧。
18、君安游兮西入秦，愿为影兮随君身。
19、花红易衰似郎意，水流无限似侬愁。
20、教人无处寄相思，落花芳草过前期，没人知。
21、锺情怕到相思路。盼长堤，草尽红心。动愁吟，碧落黄泉，两处难寻。
22、红豆生南国，春来发几枝，愿君多采撷，此物最相思。
23、莫道佳人总是痴，惺惺怜俐没便宜。只因会尽人间事，惹得闲愁满肚皮。
24、还始觉、留情缘眼，宽带因春。
25、宜有词仙，拥素云黄鹤，与君游戏。
26、泪雨问花花不语，又见散花落满地。步雨深夜夜不许，再盼长夜破晓时。
27、妆罢低声问夫婿，画眉深浅入时无。
28、诚知此恨人人有，贫贱夫妻百事哀。
29、千万恨，恨极在天涯。山月不知心里事，水风吹落眼前花，摇曳碧云斜。
30、细腰争舞君沉醉，白日秦兵天下来。
31、恨到归时方始休，月明人倚楼。
32、相思莫共花争发，一寸相思一寸灰。
33、寻寻觅觅，冷冷清清，凄凄惨惨戚戚。
34、看朱成碧思纷纷，憔悴支离为忆君。
35、红颜未老恩先断，从此箫郎是路人。
36、取次花丛懒回顾，半缘修道半缘君。
37、静水流深，沧笙踏歌;三生阴晴圆缺，一朝悲欢离合。
38、三杯两盏残淡酒，怎敌他晚来风急。
39、荆州麦熟茧成蛾，缲丝忆君头绪多。
40、明月楼高休独倚，酒入愁肠，化作相思泪。
41、凡事皆有代价，快乐的代价便是痛苦。
42、云淡风高叶乱飞，小庭寒雨绿苔微，深闺人静掩屏帷。
43、凄凉别后两应同，最是不胜清怨月明中。
44、俏丽若三春之桃，清素若九秋之菊。
五，END
短信筑起城堡，文字开出玫瑰，问候散发甜蜜，新年触动精彩。在新的一年，祝福你的爱情，全年旅途愉快，幸福依然。情人节快乐！