整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          javascript做的100%表白成功特效,不成功

          javascript做的100%表白成功特效,不成功我補你!

          擊查看520特效

          由于上傳圖片大小有限制,所以效果不太好,實際效果比這炫酷很多!

          520來了,我用javascript做了個表白背景,快祝福我吧!


          這個特效是用HTML5/canvas配合javascript制作的,比較適合作為網(wǎng)站或者博客的背景,雖然錄制的圖片出來看起來很卡,但是實際上還是很順暢的,520要來了,也可以單獨做個表白的頁面發(fā)給自己的暗戀的人喲!這個特效的javascript代碼也不是很復雜,對于小白來說也可以慢慢理解,當然,知識作為一個背景而言還很單調,所以還需要各位自己去添加一些內容!我的頭條上也有許多關于HTML5/javascript的特效和游戲,大家感興趣的可以去看看!下面附上源碼!

          如果想要更多的企業(yè)求職加分項目,案例,學習方法可以來一下我的前端群570946165,每天都會精挑細選一個特效,項目出來詳細講解,分享!包括答疑解惑!

          表白背景HTML5/javascript源碼:

          代碼過長需要文檔版源碼來我的前端群570946165,已上傳到群文件

          頭條號里有許多web前端學習視頻/源碼,企業(yè)常用特效/案例/項目,敬請關注!

          你女票一定會這樣的!

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


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


          1. 直接表白:

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


          2. 七夕節(jié)表白:

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

          3. 猜心游戲:

          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("沒關系,我會繼續(xù)努力,爭取贏得你的心。")
          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("沒關系,我會繼續(xù)努力,爭取贏得你的心。")
          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("沒關系,我會繼續(xù)努力,爭取贏得你的心。")
          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("七夕節(jié)快樂!")
          plt.show()
          print("愿我們的愛情如同牛郎織女般美好!")
          print("你是我的宇宙中最亮的星,愿永遠陪伴在你身邊。")
          input("按回車鍵繼續(xù)...")
          if __name__=="__main__":
          main()

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

          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>七夕節(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 代碼片段,用于繪制心形并顯示表白信息。


          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("七夕節(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);
          }
          }


          10.愛的號碼牌:

          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("沒關系,我會繼續(xù)努力,爭取贏得你的心。")
          break
          if __name__=="__main__":
          love_number()

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

          到程序員,就會出現(xiàn)許多關鍵詞,諸如“直男,宅,不懂浪漫,枯燥,憨厚老實,有邏輯,人傻錢多…………”

          說程序猿是直男,不可否認,大多數(shù)程序猿都挺直,因為我們沒有那么多彎彎繞繞,有心思兜圈子,不如回去寫幾行代碼………

          雷軍曾經(jīng)說“我喜歡寫代碼,代碼的世界很簡單”

          程序猿的大多數(shù)時間都是面對電腦,所以對待一份感情也會非常的認真。程序猿也許在生活中會比較宅,就比如本人,但是千萬不要說程序猿不懂浪漫。當你不開心了,他可以分分鐘做出一個玫瑰花、心形等告白小程序給你制造小驚喜…………

          程序員一旦浪漫起來,就真沒其他人啥事了!接下來就給大家介紹一下程序猿是如何表白收獲愛情的………

          一、制圖表白

          1.1玫瑰花

          源碼如下:

           1 import turtle as t
           2 
           3 def Curve_Draw(n,r,d=1):
           4   for i in range(n):
           5     t.left(d)
           6     t.circle(r,abs(d))
           7 
           8 s=0.2
           9 t.setup(450*5*s,750*5*s)
          10 t.pencolor('black')
          11 t.fillcolor('purple')
          12 t.speed(100)
          13 t.penup()
          14 t.goto(0,900*s)
          15 t.pendown()
          16 
          17 t.begin_fill()
          18 t.circle(200*s,30)
          19 Curve_Draw(60,50*s)
          20 t.circle(200*s,30)
          21 Curve_Draw(4,100*s)
          22 t.circle(200*s,50)
          23 Curve_Draw(50,50*s)
          24 t.circle(350*s,65)
          25 Curve_Draw(40,70*s)
          26 t.circle(150*s,50)
          27 Curve_Draw(20,50*s,-1)
          28 t.circle(400*s,60)
          29 Curve_Draw(18,50*s)
          30 t.fd(250*s)
          31 t.right(150)
          32 t.circle(-500*s,12)
          33 t.left(140)
          34 t.circle(550*s,110)
          35 t.left(27)
          36 t.circle(650*s,100)
          37 t.left(130)
          38 t.circle(-300*s,20)
          39 t.right(123)
          40 t.circle(220*s,57)
          41 t.end_fill()
          42 
          43 t.left(120)
          44 t.fd(280*s)
          45 t.left(115)
          46 t.circle(300*s,33)
          47 t.left(180)
          48 t.circle(-300*s,33)
          49 Curve_Draw(70,225*s,-1)
          50 t.circle(350*s,104)
          51 t.left(90)
          52 t.circle(200*s,105)
          53 t.circle(-500*s,63)
          54 t.penup()
          55 t.goto(170*s,-30*s)
          56 t.pendown()
          57 t.left(160)
          58 Curve_Draw(20,2500*s)
          59 Curve_Draw(220,250*s,-1)
          60 
          61 t.fillcolor('green')
          62 t.penup()
          63 t.goto(670*s,-180*s)
          64 t.pendown()
          65 t.right(140)
          66 t.begin_fill()
          67 t.circle(300*s,120)
          68 t.left(60)
          69 t.circle(300*s,120)
          70 t.end_fill()
          71 t.penup()
          72 t.goto(180*s,-550*s)
          73 t.pendown()
          74 t.right(85)
          75 t.circle(600*s,40)
          76 
          77 t.penup()
          78 t.goto(-150*s,-1000*s)
          79 t.pendown()
          80 t.begin_fill()
          81 t.rt(120)
          82 t.circle(300*s,115)
          83 t.left(75)
          84 t.circle(300*s,100)
          85 t.end_fill()
          86 t.penup()
          87 t.goto(430*s,-1070*s)
          88 t.pendown()
          89 t.right(30)
          90 t.circle(-600*s,35)
          91 t.done()

          1.2愛心

          源碼如下:

           1 import turtle as t
           2 
           3 t.penup()
           4 t.seth(-90)
           5 t.fd(160)
           6 t.pendown()
           7 t.pensize(20)
           8 t.colormode(255)
           9 for j in range(10):
          10   t.speed(1000)
          11   t.pencolor(25*j,5*j,15*j)
          12   t.seth(130)
          13   t.fd(220)
          14   for i in range(23):
          15     t.circle(-80,10)
          16   t.seth(100)
          17   for i in range(23):
          18     t.circle(-80,10)
          19   t.fd(220)
          20 t.done()

          1.3 網(wǎng)頁愛心樹表白

          代碼過長,僅展示部分代碼:

           1 <body>
           2 
           3 <audio autoplay="autopaly">
           4 
           5   <source src="renxi.mp3" type="audio/mp3" />
           6 
           7 </audio>
           8 
           9 <div id="main">
          10 
          11   <div id="wrap">
          12 
          13     <div id="text">
          14 
          15       <div id="code"> <font color="#FF0000"> <span class="say">浮世三千 吾愛有三 日月與卿</span><br>
          16 
          17         <span class="say"> </span><br>
          18 
          19         <span class="say">日為朝  月為暮  卿為朝朝暮暮</span><br>
          20 
          21         <span class="say"> </span><br>
          22 
          23         <span class="say">在這浮浮沉沉的大千世界里 我愛的只有三樣</span><br>
          24 
          25         <span class="say"></span><br>
          26 
          27         <span class="say">太陽  月亮和我愛的你</span><br>
          28 
          29                 <span class="say"> </span><br>
          30 
          31         <span class="say">太陽帶給我們白晝和希望 月亮帶給我們夜幕和寧靜  </span><br>
          32 
          33                         <span class="say"> </span><br>
          34 
          35         <span class="say"> 你與我的朝夕相伴 于我而言即是永恒 你是我一生摯愛</span><br>
          36 
          37         <span class="say"></span><br>
          38 
          39         <span class="say">一生愛一人很難,也不丟人</span><br>
          40 
          41              <span class="say"> </span><br>    
          42 
          43                  <span class="say"> 最美的愛情愿景不就是"愿得一心人 白首不相離"嘛</span><br>
          44 
          45                          <span class="say"> </span><br>
          46 
          47                                  <span class="say"> 如果可以請牢記當初的愛情承諾 記住最初的美好</span><br>
          48 
          49                         <span class="say"> </span><br>
          50 
          51         <span class="say">愿歲月靜好 淺笑安然 一切美好如約而至</span><br>
          52 
          53         <span class="say"> </span><br>
          54 
          55      </font>
          56 
          57      
          58 
          59       </div>
          60 
          61     </div>
          62 
          63     <div id="clock-box"> <span class="STYLE1"></span><font color="#33CC00">愿得一心人,白首不相離</font> <span class="STYLE1">這簡單的話語……</span>
          64 
          65       <div id="clock"></div>
          66 
          67     </div>
          68 
          69     <canvas id="canvas" width="1100" height="680"></canvas>
          70 
          71   </div>
          72 
          73 </div>

          1.4 煙花表白

          1.5 網(wǎng)頁愛心表白

          源碼如下:

            1 <!DOCTYPE html>
            2 <html lang="en">
            3 <head>
            4   <meta charset="UTF-8">
            5   <title>愛心</title>
            6   <style>
            7     *{margin:0; padding:0;}
            8     body{ background-color: #1E1E1E;     }
            9   </style>
           10 </head>
           11 <body>
           12 
           13   <canvas id="drawHeart"></canvas>
           14 
           15   <script>
           16     var hearts=[];
           17     var canvas=document.getElementById('drawHeart');
           18     var wW=window.innerWidth;
           19     var wH=window.innerHeight;
           20     // 創(chuàng)建畫布
           21     var ctx=canvas.getContext('2d');
           22     // 創(chuàng)建圖片對象
           23     var heartImage=new Image();
           24     heartImage.src='img/heart.svg';
           25     var num=100;
           26 
           27     init();
           28 
           29     window.addEventListener('resize', function(){
           30        wW=window.innerWidth;
           31        wH=window.innerHeight;
           32     });
           33     // 初始化畫布大小
           34     function init(){
           35       canvas.width=wW;
           36       canvas.height=wH;
           37       for(var i=0; i < num; i++){
           38         hearts.push(new Heart(i%5));
           39       }
           40       requestAnimationFrame(render);
           41     }
           42 
           43     function getColor(){
           44       var val=Math.random() * 10;
           45       if(val > 0 && val <=1){
           46         return '#00f';
           47       } else if(val > 1 && val <=2){
           48         return '#f00';
           49       } else if(val > 2 && val <=3){
           50         return '#0f0';
           51       } else if(val > 3 && val <=4){
           52         return '#368';
           53       } else if(val > 4 && val <=5){
           54         return '#666';
           55       } else if(val > 5 && val <=6){
           56         return '#333';
           57       } else if(val > 6 && val <=7){
           58         return '#f50';
           59       } else if(val > 7 && val <=8){
           60         return '#e96d5b';
           61       } else if(val > 8 && val <=9){
           62         return '#5be9e9';
           63       } else {
           64         return '#d41d50';
           65       }
           66     }
           67 
           68     function getText(){
           69       var val=Math.random() * 10;
           70       if(val > 1 && val <=3){
           71         return '愛你一輩子';
           72       } else if(val > 3 && val <=5){
           73         return '感謝你';
           74       } else if(val > 5 && val <=8){
           75         return '喜歡你';
           76       } else{
           77         return 'I Love You';
           78       }
           79     }
           80 
           81     function Heart(type){
           82       this.type=type;
           83       // 初始化生成范圍
           84       this.x=Math.random() * wW;
           85       this.y=Math.random() * wH;
           86 
           87       this.opacity=Math.random() * .5 + .5;
           88 
           89       // 偏移量
           90       this.vel={
           91         x: (Math.random() - .5) * 5,
           92         y: (Math.random() - .5) * 5
           93       }
           94 
           95       this.initialW=wW * .5;
           96       this.initialH=wH * .5;
           97       // 縮放比例
           98       this.targetScale=Math.random() * .15 + .02; // 最小0.02
           99       this.scale=Math.random() * this.targetScale;
          100 
          101       // 文字位置
          102       this.fx=Math.random() * wW;
          103       this.fy=Math.random() * wH;
          104       this.fs=Math.random() * 10;
          105       this.text=getText();
          106 
          107       this.fvel={
          108         x: (Math.random() - .5) * 5,
          109         y: (Math.random() - .5) * 5,
          110         f: (Math.random() - .5) * 2
          111       }
          112     }
          113 
          114     Heart.prototype.draw=function(){
          115       ctx.save();
          116       ctx.globalAlpha=this.opacity;
          117       ctx.drawImage(heartImage, this.x, this.y, this.width, this.height);
          118       ctx.scale(this.scale + 1, this.scale + 1);
          119         if(!this.type){
          120           // 設置文字屬性
          121         ctx.fillStyle=getColor();
          122           ctx.font='italic ' + this.fs + 'px sans-serif';
          123           // 填充字符串
          124           ctx.fillText(this.text, this.fx, this.fy);
          125         }
          126       ctx.restore();
          127     }
          128     Heart.prototype.update=function(){
          129       this.x +=this.vel.x;
          130       this.y +=this.vel.y;
          131 
          132       if(this.x - this.width > wW || this.x + this.width < 0){
          133         // 重新初始化位置
          134         this.scale=0;
          135         this.x=Math.random() * wW;
          136         this.y=Math.random() * wH;
          137       }
          138       if(this.y - this.height > wH || this.y + this.height < 0){
          139         // 重新初始化位置
          140         this.scale=0;
          141         this.x=Math.random() * wW;
          142         this.y=Math.random() * wH;
          143       }
          144 
          145       // 放大
          146       this.scale +=(this.targetScale - this.scale) * .1;
          147       this.height=this.scale * this.initialH;
          148       this.width=this.height * 1.4;
          149 
          150       // -----文字-----
          151       this.fx +=this.fvel.x;
          152       this.fy +=this.fvel.y;
          153       this.fs +=this.fvel.f;
          154 
          155       if(this.fs > 50){
          156         this.fs=2;
          157       }
          158 
          159       if(this.fx - this.fs > wW || this.fx + this.fs < 0){
          160         // 重新初始化位置
          161         this.fx=Math.random() * wW;
          162         this.fy=Math.random() * wH;
          163       }
          164       if(this.fy - this.fs > wH || this.fy + this.fs < 0){
          165         // 重新初始化位置
          166         this.fx=Math.random() * wW;
          167         this.fy=Math.random() * wH;
          168       }
          169     }
          170 
          171     function render(){
          172       ctx.clearRect(0, 0, wW, wH);
          173       for(var i=0; i < hearts.length; i++){
          174         hearts[i].draw();
          175         hearts[i].update();
          176       }
          177       requestAnimationFrame(render);
          178     }
          179   </script>
          180 </body>
          181 </html>

          二、程序語言表白

          2.1程序語言表白一

          2.2程序語言表白二

          2.3程序語言表白三

          2.4程序語言表白四


          主站蜘蛛池模板: 国产乱码精品一区二区三区中| 久久精品一区二区三区资源网| 国产av天堂一区二区三区 | 无码人妻精品一区二区三区在线| 国产情侣一区二区三区| 国产精品特级毛片一区二区三区| 国产激情з∠视频一区二区| 乱子伦一区二区三区| 尤物精品视频一区二区三区| 日本一区二区三区在线视频| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | 内射白浆一区二区在线观看 | 亚洲国产精品自在线一区二区 | 国产精华液一区二区区别大吗| 午夜福利一区二区三区高清视频 | 国产福利一区二区| 免费一区二区三区| 国产女人乱人伦精品一区二区| 在线视频一区二区三区三区不卡| 无码乱码av天堂一区二区| 亚洲Aⅴ无码一区二区二三区软件| 无码少妇一区二区性色AV| 国产主播一区二区三区在线观看| 亚洲爆乳精品无码一区二区三区| 国产亚洲福利一区二区免费看| 亚洲国产日韩一区高清在线| 久久久国产一区二区三区| 国产福利一区二区| 日本韩国黄色一区二区三区| 国产成人综合一区精品| 午夜性色一区二区三区免费不卡视频| 国产AV一区二区精品凹凸| 天堂一区二区三区在线观看| 亚洲午夜一区二区电影院| 国产成人久久精品一区二区三区| 狠狠做深爱婷婷综合一区| 精品国产AⅤ一区二区三区4区| 日本在线观看一区二区三区| 国产成人无码aa精品一区| 国产成人一区二区三区高清| 国产成人一区二区精品非洲|