首页烟花生日祝福代码html

烟花生日祝福代码html

时间: 2023-11-29 21:44:29 浏览: 345

以下是一个简单的烟花生日祝福的HTML代码，你可以在浏览器中打开它来查看效果： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Happy Birthday</title> <style> body { background-color: #000; color: #fff; font-size: 30px; text-align: center; margin-top: 200px; } canvas { position: absolute; top: 0; left: 0; z-index: -1; } </style> </head> <body> <h1>Happy Birthday!</h1> <canvas id="canvas"></canvas> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery-color/2.1.2/jquery.color.min.js"></script> <script src="https://cdn.bootcss.com/jquery-easing/1.4.1/jquery.easing.min.js"></script> <script src="https://kongbailongtian.github.io/HappyBirthday/js/fireworks.js"></script> <script src="https://kongbailongtian.github.io/HappyBirthday/js/click-effect.js"></script> <script> $(function() { // 烟花效果 fireworks(); // 点击效果 clickEffect(); }); </script> </body> </html> ``` 你需要将上述代码保存为一个HTML文件，然后在浏览器中打开它，就可以看到一个简单的烟花生日祝福页面了。

阅读全文