甜甜甜！HTML5 快速實現一顆告白愛心樹！

作者 | Himit_ZH

出品 | CSDN博客

利用HTML5、CSS、JS實現愛心樹以及紀念日期的功能，網頁有播放音樂功能 以及打字傾訴感情的畫面，非常適合送給女朋友。

具體的HTML代碼

具體只要修改代碼裡面的男某某和女某某 文字段也可自行修改，還有代碼下半部分的JS代碼需要修改一下起始日期 注意月份為0~11月 也就是月份需要減一。

當然只有一部分HTML和JS代碼不夠運行的，文章最下面還附加了完整代碼的下載地址

<code><title>男某某與女某某日期紀念功能/<title>        <link>    <style><!--.STYLE1 {color: #666666}-->        /<style>            
            
本頁面採用HTML5編輯，目前您的瀏覽器無法顯示，請換成谷歌( )或者火狐( )瀏覽器，或者其他遊覽器的最新版本。
            
                
        
        * 致女某某： *
 
        · 女某某，情人節快樂！
 
                        · 不經意相識, 或許是緣分，或許是註定的。
 
        · 雖然......，但依......！
 
        · 雖然......，但......！
 
        · 雖然......，但......！ 

 
        · 雖然......
 
        · 無論如何，只要你我依舊喜歡對方，我會一直陪著你。
                         
                        · You are my only girlfriend.
 
· I love you,×××!
 
                        --@author 男某某--        
                
                
                    現在是男某某 ❤ 女某某相戀                  
              
                <canvas>            
        
            <iframe> //自己修改音樂位置/<code>

畫面演示

①點擊網頁中心的愛心，剛進入網頁會自動播放音樂

②會慢慢生成愛心樹，速度挺快的

③然後會平移愛心樹到最右邊，準備生成文章

④會慢慢生成所要說的話 日期設定是2020.02.02 22：22：22

⑤最後的樣子

代碼：

https://pan.baidu.com/s/1DE2l4fkNdnZUxxme4HS6vw，提取碼: i69r

原文鏈接：https://blog.csdn.net/weixin_43853097/article/details/104240158

閱讀更多 CSDN程序人生 的文章

關鍵字: 某某 甜甜 HTML5