甜甜甜！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