20要來了，為回饋朋友們所有專欄8折優惠，感興趣的朋友可以訂閱，感謝大家的支持！

520馬上就要到，作為程序員的你是不是也想送個特別的禮物。今天給大家分享一個HTML5+CSS3+jQuery實現的情侶浪漫表白JS特效，視覺效果還是相當不錯！得此表白神器，程序猿也可以很浪漫！快去追你的女神吧，把這個告白愛心動畫發給你心愛的她！

?實現的功能

這個特效主要實現了這幾個功能，功能一基于jQuery實現的文字打印動態效果，文字的顏色個樣式通過定義不同的CSS樣式來控制的。功能二動態生成隨機的花瓣并拼成一個愛心圖案，通過prototype屬性向對象添加屬性和方法。功能三愛心中的文字淡入顯示，這個主要是利用了fadeIn方法來實現。最后一個功能就是當點擊接受時開始計時功能，通過new Date()獲取當前時間再把時間差轉換為天數、小時數、分鐘數和秒數顯示即可。

?文字打印動態效果

這里的d.html(c.substring(0,b)+(b&1?"_":""))是為了實現打印的動態效果了,當下標index為奇數的時候最后一個字符顯示為"_",當為偶數的時候顯示" ",這樣就能形成打印文字的那種動態效果。

動態生成花瓣愛心

這里主要的功能就是創建矢量線，告訴我們花瓣的走向。接著再繪制隨機生成的花瓣圖案，最后再加上開花的效果。這里的Vector方法繪制了愛心的大致形狀，Petal方法則負責繪制隨機生成的花瓣，Bloom方法則定義了花瓣的綻放效果。Garden方法為花園入口，負責參數選項配置選項及方法調用以實現愛心圖案的生成。

文字淡入顯示

在愛心中間的字體采用了淡入的效果，這里我們可以通過jQuery封裝的fadeIn()方法實現淡入效果來顯示一個隱藏的元素。文字默認樣式通過CSS定義為隱藏狀態，fadeIn()由兩個參數分別是speed（速度）和callback（回調函數）。當花瓣愛心繪制完成之后我們調用fadeIn方法顯示愛心中的內容，回調中繼續顯示loveu中的內容。

計時器功能實現

當鏈接被點擊的時候觸發timeElapse方法開始計時，這里獲取了當前的時間并對時間進行了換算為天數、小時數、分鐘數和秒數顯示。parse()方法可解析一個日期時間字符串，并返回 1970/1/1 午夜距離該日期時間的毫秒數。floor()方法則是對一個數進行向下取整計算，返回的是小于或等于且最接近計算值的整數。

總結：

源碼說明：本例中的源碼非本人創作，本文僅作簡單的解析和分享。需要源碼的朋友可以在評論區留言，本源碼僅限學習參考請勿它用。以上內容是小編給大家分享的【520情侶浪漫表白JS特效分享（附源碼）】，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。更多Vue實戰技巧可以參考專欄：Vue實戰系列，在此也非常感謝大家對小編的支持！

錄

• 1. 直接表白：
• 2. 七夕節表白：
• 3. 猜心游戲：
• 4. 浪漫詩句：
• 5. 愛的方程式：
• 6. 愛心Python：
• 7. 心形圖案JavaScript 代碼：
• 8. 心形并顯示表白信息HTML 頁面：
• 9. Java七夕快樂：
• 10.愛的號碼牌：

在七夕節這個充滿愛意的日子里，用編程語言編寫一些表白代碼是個非常有趣的想法。以下是使用 各種編程語言Python、Java、JavaScript、H5等編寫的 10 種簡單表白代碼示例，以下只是拋磚引玉，還需要你用心修改，對方一定能理解你的真心。

1. 直接表白：

def direct_confession():
print("親愛的，我喜歡你，愿意和你共度余生。")
answer=input("你愿意和我一起走下去嗎？(yes/no) ")
if answer.lower()=="yes":
print("太好了！我會珍惜我們之間的感情，一起走向未來。")
else:
print("沒關系，我會繼續努力，爭取贏得你的心。")
if __name__=="__main__":
direct_confession()

2. 七夕節表白：

def qixi_confession():
print("親愛的，祝你七夕節快樂！")
print("在這個特殊的日子里，我想告訴你：我喜歡你，愿意和你共度余生。")
answer=input("你愿意和我一起走下去嗎？(yes/no) ")
if answer.lower()=="yes":
print("太好了！我會珍惜我們之間的感情，一起走向未來。")
else:
print("沒關系，我會繼續努力，爭取贏得你的心。")
if __name__=="__main__":
qixi_confession()

3. 猜心游戲：

import random
def guess_heart():
print("我們來玩一個猜心游戲吧！")
print("我已經想好了一個字，猜猜是什么字？")
answer=input("請輸入你猜測的字：")
while answer!="愛":
answer=input("猜錯了，請再試一次：")
print("恭喜你，猜對了！在這個特殊的日子里，我想告訴你：我喜歡你，愿意和你共度余生。")
answer=input("你愿意和我一起走下去嗎？(yes/no) ")
if answer.lower()=="yes":
print("太好了！我會珍惜我們之間的感情，一起走向未來。")
else:
print("沒關系，我會繼續努力，爭取贏得你的心。")
if __name__=="__main__":
guess_heart()

4. 浪漫詩句：

def romantic_poetry():
print("親愛的，我要為你寫一首詩。")
print("在銀河的兩岸，")
print("有一對相望的星，")
print("那就是我和你。")
print("我喜歡你，愿意和你共度余生。")
answer=input("你愿意和我一起走下去嗎？(yes/no) ")
if answer.lower()=="yes":
print("太好了！我會珍惜我們之間的感情，一起走向未來。")
else:
print("沒關系，我會繼續努力，爭取贏得你的心。")
if __name__=="__main__":
romantic_poetry()

5. 愛的方程式：

def love_equation():
print("親愛的，你知道嗎？")
print("我一直在尋找一個方程式，")
print("它可以表示我對你的喜歡，")
print("那就是：幸福=你 + 我")
print("我喜歡你，愿意和你共度余生。")
answer=input("你愿意和我一起走下去嗎？(yes/no) ")
if answer.lower()=="yes":
print("太好了！我會珍惜我們之間的感情，一起走向未來。")
else:
print("沒關系，我會繼續努力，爭取贏得你的心。")
if __name__=="__main__":
love_equation()

6. 愛心Python：

import matplotlib.pyplot as plt
import numpy as np
def main():
x=np.linspace(0, 2 * np.pi, 1000)
y1=16 * np.sin(x)**3
y2=13 * np.cos(x) - 5 * np.cos(2 * x) - 2 * np.cos(3 * x) - np.cos(4 * x)
plt.figure(figsize=(6, 6))
plt.plot(x, y1, color='red', linewidth=2)
plt.plot(x, y2, color='blue', linewidth=2)
plt.axis('equal')
plt.title("七夕節快樂！")
plt.show()
print("愿我們的愛情如同牛郎織女般美好！")
print("你是我的宇宙中最亮的星，愿永遠陪伴在你身邊。")
input("按回車鍵繼續...")
if __name__=="__main__":
main()

這段代碼使用 Python 的 Matplotlib 庫繪制了一個心形圖案，并顯示“七夕節快樂！”的標題。

7. 心形圖案JavaScript 代碼：

function drawHeart() {
const canvas=document.createElement("canvas");
const ctx=canvas.getContext("2d");
canvas.width=300;
canvas.height=300;
ctx.beginPath();
ctx.moveTo(150, 180);
ctx.bezierCurveTo(150, 140, 110, 130, 75, 180);
ctx.bezierCurveTo(50, 250, 150, 250, 150, 180);
ctx.fillStyle="red";
ctx.fill();
ctx.stroke();
document.body.appendChild(canvas);
}
function main() {
drawHeart();
console.log("愿我們的愛情如同牛郎織女般美好！");
console.log("你是我的宇宙中最亮的星，愿永遠陪伴在你身邊。");
}
main();

這段代碼使用 JavaScript 繪制了一個心形圖案，并在瀏覽器中顯示。

8. 心形并顯示表白信息HTML 頁面：

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>七夕節表白</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
canvas {
display: block;
margin: 50px auto;
}
</style>
</head>
<body onload="main()">
<canvas id="heartCanvas" alt="心形圖案"></canvas>
<script src="main.js"></script>
</body>
</html>

這段代碼創建了一個 HTML 頁面，其中包含一個畫布元素，用于繪制心形圖案。同時引入了 JavaScript 代碼片段，用于繪制心形并顯示表白信息。

9. Java七夕快樂：

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class ValentinesDay extends JFrame {
public static void main(String[] args) {
ValentinesDay frame=new ValentinesDay();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(300, 300);
frame.setLocationRelativeTo(null);
frame.setTitle("七夕節快樂！");
frame.setResizable(false);
frame.setVisible(true);
}
}
public class ValentinesDay extends JFrame implements ActionListener {
private JButton button;
private JLabel label;
public ValentinesDay() {
setLayout(new FlowLayout());
setTitle("七夕節快樂！");
setSize(300, 300);
setLocationRelativeTo(null);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setResizable(false);
}
private void createComponents() {
button=new JButton("點擊發送祝福");
button.addActionListener(this);
label=new JLabel("請稍等...");
add(button);
add(label);
}
@Override
public void actionPerformed(ActionEvent e) {
if (e.getSource()==button) {
label.setText("祝福已發送！");
// 這里可以添加發送祝福的實際邏輯
}
}
public static void main(String[] args) {
ValentinesDay frame=new ValentinesDay();
frame.createComponents();
frame.setVisible(true);
}
}

10.愛的號碼牌：

import random
def love_number():
print("親愛的，我們來玩一個游戲吧！")
print("我已經想了一個數字，你來猜猜看！")
number=random.randint(1, 100)
while True:
try:
guess=int(input("請輸入你猜測的數字："))
except ValueError:
print("請輸入一個整數！")
continue
if guess < number:
print("猜小了！")
elif guess > number:
print("猜大了！")
else:
print("恭喜你，猜對了！")
print("我喜歡你，愿意和你共度余生。")
answer=input("你愿意和我一起走下去嗎？(yes/no) ")
if answer.lower()=="yes":
print("太好了！我會珍惜我們之間的感情，一起走向未來。")
else:
print("沒關系，我會繼續努力，爭取贏得你的心。")
break
if __name__=="__main__":
love_number()

在這個代碼中，程序會隨機生成一個 1 到 100 之間的數字，然后讓用戶猜測。用戶每次猜測后，程序會給出提示，直到猜對為止。猜對后，程序會表達愛意并詢問用戶是否愿意一起走下去。