在七夕節(jié)這個充滿愛意的日子里,用編程語言編寫一些表白代碼是個非常有趣的想法。以下是使用 各種編程語言Python、Java、JavaScript、H5等編寫的 10 種簡單表白代碼示例,以下只是拋磚引玉,還需要你用心修改,對方一定能理解你的真心。
def direct_confession():
print("親愛的,我喜歡你,愿意和你共度余生。")
answer = input("你愿意和我一起走下去嗎?(yes/no) ")
if answer.lower() == "yes":
print("太好了!我會珍惜我們之間的感情,一起走向未來。")
else:
print("沒關(guān)系,我會繼續(xù)努力,爭取贏得你的心。")
if __name__ == "__main__":
direct_confession()
def qixi_confession():
print("親愛的,祝你七夕節(jié)快樂!")
print("在這個特殊的日子里,我想告訴你:我喜歡你,愿意和你共度余生。")
answer = input("你愿意和我一起走下去嗎?(yes/no) ")
if answer.lower() == "yes":
print("太好了!我會珍惜我們之間的感情,一起走向未來。")
else:
print("沒關(guān)系,我會繼續(xù)努力,爭取贏得你的心。")
if __name__ == "__main__":
qixi_confession()
import random
def guess_heart():
print("我們來玩一個猜心游戲吧!")
print("我已經(jīng)想好了一個字,猜猜是什么字?")
answer = input("請輸入你猜測的字:")
while answer!= "愛":
answer = input("猜錯了,請再試一次:")
print("恭喜你,猜對了!在這個特殊的日子里,我想告訴你:我喜歡你,愿意和你共度余生。")
answer = input("你愿意和我一起走下去嗎?(yes/no) ")
if answer.lower() == "yes":
print("太好了!我會珍惜我們之間的感情,一起走向未來。")
else:
print("沒關(guān)系,我會繼續(xù)努力,爭取贏得你的心。")
if __name__ == "__main__":
guess_heart()
def romantic_poetry():
print("親愛的,我要為你寫一首詩。")
print("在銀河的兩岸,")
print("有一對相望的星,")
print("那就是我和你。")
print("我喜歡你,愿意和你共度余生。")
answer = input("你愿意和我一起走下去嗎?(yes/no) ")
if answer.lower() == "yes":
print("太好了!我會珍惜我們之間的感情,一起走向未來。")
else:
print("沒關(guān)系,我會繼續(xù)努力,爭取贏得你的心。")
if __name__ == "__main__":
romantic_poetry()
def love_equation():
print("親愛的,你知道嗎?")
print("我一直在尋找一個方程式,")
print("它可以表示我對你的喜歡,")
print("那就是:幸福 = 你 + 我")
print("我喜歡你,愿意和你共度余生。")
answer = input("你愿意和我一起走下去嗎?(yes/no) ")
if answer.lower() == "yes":
print("太好了!我會珍惜我們之間的感情,一起走向未來。")
else:
print("沒關(guān)系,我會繼續(xù)努力,爭取贏得你的心。")
if __name__ == "__main__":
love_equation()
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("七夕節(jié)快樂!")
plt.show()
print("愿我們的愛情如同牛郎織女般美好!")
print("你是我的宇宙中最亮的星,愿永遠(yuǎn)陪伴在你身邊。")
input("按回車鍵繼續(xù)...")
if __name__ == "__main__":
main()
這段代碼使用 Python 的 Matplotlib 庫繪制了一個心形圖案,并顯示“七夕節(jié)快樂!”的標(biāo)題。
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("你是我的宇宙中最亮的星,愿永遠(yuǎn)陪伴在你身邊。");
}
main();
這段代碼使用 JavaScript 繪制了一個心形圖案,并在瀏覽器中顯示。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>七夕節(jié)表白</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>
這段代碼創(chuàng)建了一個 HTML 頁面,其中包含一個畫布元素,用于繪制心形圖案。同時引入了 JavaScript 代碼片段,用于繪制心形并顯示表白信息。
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("七夕節(jié)快樂!");
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("七夕節(jié)快樂!");
setSize(300, 300);
setLocationRelativeTo(null);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setResizable(false);
}
private void createComponents() {
button = new JButton("點擊發(fā)送祝福");
button.addActionListener(this);
label = new JLabel("請稍等...");
add(button);
add(label);
}
@Override
public void actionPerformed(ActionEvent e) {
if (e.getSource() == button) {
label.setText("祝福已發(fā)送!");
// 這里可以添加發(fā)送祝福的實際邏輯
}
}
public static void main(String[] args) {
ValentinesDay frame = new ValentinesDay();
frame.createComponents();
frame.setVisible(true);
}
}
import random
def love_number():
print("親愛的,我們來玩一個游戲吧!")
print("我已經(jīng)想了一個數(shù)字,你來猜猜看!")
number = random.randint(1, 100)
while True:
try:
guess = int(input("請輸入你猜測的數(shù)字:"))
except ValueError:
print("請輸入一個整數(shù)!")
continue
if guess < number:
print("猜小了!")
elif guess > number:
print("猜大了!")
else:
print("恭喜你,猜對了!")
print("我喜歡你,愿意和你共度余生。")
answer = input("你愿意和我一起走下去嗎?(yes/no) ")
if answer.lower() == "yes":
print("太好了!我會珍惜我們之間的感情,一起走向未來。")
else:
print("沒關(guān)系,我會繼續(xù)努力,爭取贏得你的心。")
break
if __name__ == "__main__":
love_number()
在這個代碼中,程序會隨機(jī)生成一個 1 到 100 之間的數(shù)字,然后讓用戶猜測。用戶每次猜測后,程序會給出提示,直到猜對為止。猜對后,程序會表達(dá)愛意并詢問用戶是否愿意一起走下去。
lt;marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預(yù)設(shè)卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction=left></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數(shù)
<marquee width=180>...</marquee>設(shè)定寬度
<marquee height=30>...</marquee>設(shè)定高度
<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色
<marquee scrollamount=30>...</marquee>設(shè)定卷動距離
<marquee scrolldelay=300>...</marquee>設(shè)定卷動時間
<!>字體效果
<h1>...</h1>標(biāo)題字(最大)
<h6>...</h6>標(biāo)題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大
<!>區(qū)斷標(biāo)記
<hr>水平線
<hr size=9>水平線(設(shè)定大小)
<hr width=80%>水平線(設(shè)定寬度)
<hr color=ff0000>水平線(設(shè)定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結(jié)格式
<base href=位址>(預(yù)設(shè)好連結(jié)路徑)
<a href=位址></a>外部連結(jié)
<a href=位址 target=_blank></a>外部連結(jié)(另開新視窗)
<a href=位址 target=_top></a>外部連結(jié)(全視窗連結(jié))
<a href=位址 target=頁框名></a>外部連結(jié)(在指定頁框連結(jié))
<!>貼圖/音樂
<img src=圖片位址>貼圖
<img src=圖片位址 width=180>設(shè)定圖片寬度
<img src=圖片位址 height=30>設(shè)定圖片高度
<img src=圖片位址 alt=提示文字>設(shè)定圖片提示文字
<img src=圖片位址 border=1>設(shè)定圖片邊框
<bgsound src=MID音樂檔位址>背景音樂設(shè)定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網(wǎng)址
<table border=邊框大小>...</table>設(shè)定表格邊框大小(使用數(shù)字)
<table bgcolor=顏色碼>...</table>設(shè)定表格的背景顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設(shè)定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設(shè)定表格亮邊框的顏色
<table cellpadding=參數(shù)>...</table>指定內(nèi)容與格線之間的間距(使用數(shù)字)
<table cellspacing=參數(shù)>...</table>指定格線與格線之間的距離(使用數(shù)字)
<table cols=參數(shù)>...</table>指定表格的欄數(shù)
<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)
<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)
<td colspan=參數(shù)>...</td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)
<td rowspan=參數(shù)>...</td>指定儲存格合并列的列數(shù)(使用數(shù)字)
<!>分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 注解
<a href target> 指定超連結(jié)的分割視窗
<a href=#錨的名稱> 指定錨名稱的超連結(jié)
<a href> 指定超連結(jié)
<a name=錨的名稱> 被連結(jié)點的名稱
<address>....</address> 用來顯示電子郵箱地址
<b> 粗體字
<base target> 指定超連結(jié)的分割視窗
<basefont size> 更改預(yù)設(shè)字形大小
<bgsound src> 加入背景音樂
<big> 顯示大字體
<blink> 閃爍的文字
<body text link vlink> 設(shè)定文字顏色
<body> 顯示本文
<br> 換行
<caption align> 設(shè)定表格標(biāo)題位置
<caption>...</caption> 為表格加上標(biāo)題
<center> 向中對齊
<cite>...<cite> 用於引經(jīng)據(jù)典的文字
<code>...</code> 用於列出一段程式碼
<comment>...</comment> 加上注解
<dd> 設(shè)定定義列表的項目解說
<dfn>...</dfn> 顯示"定義"文字
<dir>...</dir> 列表文字標(biāo)簽
<dl>...</dl> 設(shè)定定義列表的標(biāo)簽
<dt> 設(shè)定定義列表的項目
<em> 強(qiáng)調(diào)之用
<font face> 任意指定所用的字形
<font face> 任意指定所用的字形
<font size> 設(shè)定字體大小
<form action> 設(shè)定戶動式表單的處理方式
<form method> 設(shè)定戶動式表單之資料傳送方式
<frame marginheight> 設(shè)定視窗的上下邊界
<frame marginwidth> 設(shè)定視窗的左右邊界
<frame name> 為分割視窗命名
<frame noresize> 鎖住分割視窗的大小
<frame scrolling> 設(shè)定分割視窗的卷軸
<frame src> 將html檔加入視窗
<frameset cols> 將視窗分割成左右的子視窗
<frameset rows> 將視窗分割成上下的子視窗
<frameset>...</frameset> 劃分分割視窗
<h1>~<h6> 設(shè)定文字大小
<head> 標(biāo)示文件資訊
<hr> 加上分格線
<html> 文件的開始與結(jié)束
<i> 斜體字
<img align> 調(diào)整圖形影像的位置
<img alt> 為你的圖形影像加注
<img dynsrc loop> 加入影片
<img height width> 插入圖片并預(yù)設(shè)圖形大小
<img hspace> 插入圖片并預(yù)設(shè)圖形的左右邊界
<img lowsrc> 預(yù)載圖片功能
<img src border> 設(shè)定圖片邊界
<img src> 插入圖片
<img vspace> 插入圖片并預(yù)設(shè)圖形的上下邊界
<input type name value> 在表單中加入輸入欄位
<isindex> 定義查詢用表單
<kbd>...</kbd> 表示使用者輸入文字
<li type>...</li> 列表的項目 ( 可指定符號 )
<marquee> 跑馬燈效果
<menu>...</menu> 條列文字標(biāo)簽
<meta name="refresh" content url> 自動更新文件內(nèi)容
<multiple> 可同時選擇多項的列表欄
<noframe> 定義不出現(xiàn)分割視窗的文字
<ol>...</ol> 有序號的列表
<option> 定義表單中列表欄的項目
<p align> 設(shè)定對齊方向
<p> 分段
<person>...</person> 顯示人名
<pre> 使用原有排列
<samp>...</samp> 用於引用字
<select>...</select> 在表單中定義列表欄
<small> 顯示小字體
<strike> 文字加橫線
<strong> 用於加強(qiáng)語氣
<sub> 下標(biāo)字
<sup> 上標(biāo)字
<table border=n> 調(diào)整表格的寬線高度
<table cellpadding> 調(diào)整資料欄位之邊界
<table cellspacing> 調(diào)整表格線的寬度
<table height> 調(diào)整表格的高度
<table width> 調(diào)整表格的寬度
<table>...</table> 產(chǎn)生表格的標(biāo)簽
<td align> 調(diào)整表格欄位之左右對齊
<td bgcolor> 設(shè)定表格欄位之背景顏色
<td colspan rowspan> 表格欄位的合并
<td nowrap> 設(shè)定表格欄位不換行
<td valign> 調(diào)整表格欄位之上下對齊
<td width> 調(diào)整表格欄位寬度
<td>...</td> 定義表格的資料欄位
<textarea name rows cols> 表單中加入多少列的文字輸入欄
<textarea wrap> 決定文字輸入欄是自動否換行
<th>...</th> 定義表格的標(biāo)頭欄位
<title> 文件標(biāo)題
<tr>...</tr> 定義表格美一行
<tt> 打字機(jī)字體
<u> 文字加底線
<ul type>...</ul> 無序號的列表 ( 可指定符號 )
<var>...</var> 用於顯示變數(shù)
嘍,首先和大家說聲抱歉,停更了這么久,主要是期間因為工作調(diào)動的關(guān)系,工作變忙了,沒有時間來更新了,今天趁著領(lǐng)導(dǎo)不在,偷偷來更新一下吧~
首先我的分享方式可能和別人的不同,別人可能是從最開始的一步一步開始教起,我不是,我是先把效果展示給大家,讓大家先看看這個東西,然后我再開始講,有看不下去的現(xiàn)在就可以吧網(wǎng)頁關(guān)了,免得看完又來噴我,我不是什么大神,噴我有什么用?我看的心里還不舒服,是吧,為了營造良好的網(wǎng)絡(luò)環(huán)境,別噴啊~
接下來進(jìn)入主題:
大家可能都看過下面的這個網(wǎng)頁截圖
這個是一個類似于計時器的這么一個情侶間的網(wǎng)頁,今天我的目的就是把大家都教會了(不會的我下面會放源碼),然后回家有興趣的可以做好展示給自己的另一半看看~
我也放個網(wǎng)址吧,讓你們可以看看實際效果是什么樣的
http://1.giggle.applinzi.com/shouye1.html
就是這個樣子,雖然可能過氣了吧,但是我相信你的另一半看完還是會很感動的
那么接下來,我要放html的源碼了:然后我會開始講解:
<!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>G家life</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>
<!--audio id="audio" controls>
<source src="music.mp3" type="audio/mpeg" codecs="mp3">
</audio-->
<div id="mainDiv">
<div id="content">
<div id="code">
<span class="comments">/**</span><br />
<span class="space"/><span class="comments">*2017—03-10,Acquaintance</span><br />
<span class="space"/><span class="comments">*2017-03-14.meet</span><br />
<span class="space"/><span class="comments">*/</span><br />
My name = <span class="keyword">Guan</span> Jiaqi<br />
Your name = <span class="keyword">Shen</span> Jimei<br />
<span class="comments">//The first time I saw you. </span><br />
Be attracted to you;<br />
<span class="comments">// I used to think.</span><br />
Like a person without reason;<br />
<span class="comments">// But when I see you.</span><br />
I believe this sentence is wrong for a long time;<br />
<span class="comments">// I want to stay with you every day.</span><br />
時到 花自開;<br />
<span class="comments">// 靠在你肩上的時候心忽然,暖了一下.</span><br />
<!--span class="comments">// </span><br /-->
<span class="keyword">你是非常可愛的人.<br />真應(yīng)該遇到最好的人<br /></span> 我也真希望 <span class="keyword">我就是</span>;<br />
<!--span class="keyword"></span> <span class="keyword"> </span>;<br /-->
<span class="placeholder"/><span class="comments">// I love three things in this world.</span><br />
<span class="placeholder"/><span class="comments">// Sun, moon and you. </span><br />
<span class="placeholder"/>Sun for day, moon for night, and you forever.<br />
<span class="comments">// I love you not because of who you are,<br />but because of who I am when I am with you.
</span><br />
<br>
<br>
I want to say:<br />
You are the sun at two in the morning;<br />
玲瓏骰子安紅豆<br />
入骨相思知不知<br />
</div>
<div id="loveHeart">
<canvas id="garden"></canvas>
<div id="words">
<div id="messages">
沈菇?jīng)觯@是我們相遇的第:
<div id="elapseClock"></div>
</div>
<div id="loveu">
不思量 自難忘<br/>
<div class="signature">- 管先森</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2017, 2, 14);
together.setHours(19);
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>
<div style="text-align:center;clear:both">
<p></p>
<p><a target="_blank"></a></p>
</div>
</body>
</html>
上面這個就是html的源碼,當(dāng)然還有css和js的源碼我還沒有給到大家,主要是大家目前還沒有對html有個了解,再去學(xué)css和js就會有點懵逼的樣子了
那我從第一行開始講起吧,
第一行是告訴瀏覽器,我這個是HTML5,所以你要用h5的格式去解析。這個不是很重要,反正每個頁面上都有的。
第二行之前講過,我就不再敘述了,是html網(wǎng)頁的開頭標(biāo)簽,相當(dāng)于就是告訴html,我要開始寫代碼啦
第三行之前也講過,是html中的頭文件開頭標(biāo)簽
第四行meta是告訴瀏覽器接受一個html文檔
等等,領(lǐng)導(dǎo)回來了……,我明天再說了
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。