网页表白代码烟花特效

全栈程序员-站长 • 2026年3月26日下午3:46 • 未分类 • 阅读 2

效果演示地址（浏览一段时间会自动跳转扫码下载地址）：网页表白代码烟花特效
本文完整项目地址：网页表白代码烟花特效
从百度网盘下载文件到本地后即可得到完整资源。
效果：
点击愿意会有烟花特效，下面是自动输出的表白文字，背景是高清动态花瓣，十分好看。
在这里插入图片描述

在这里插入图片描述

如何通过手机或微信发给她？
下载资源后直接把index.html文件（可以先改个名字）发给她，让她选择以浏览器打开就行了。（浏览器等都可以）
html核心代码：（仅仅这个html代码是运行不了的，需要去下载资源）

 
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"> <title>我喜欢你 
      title>  
       head> <script src="js/lib/jquery.min.js" type="text/javascript"> 
        script> <script src="js/lib/jquery.fireworks.js" type="text/javascript"> 
         script> function fireworks() { $('.page_one').addClass('hide'); $('.page_two').removeClass('hide'); $('.page_two').fireworks({ sound: false, opacity: 0.9, width: '100%', height: '100%' }); } function modal(content, callback) { var tpl = '<div class="container">'+ '<div class="mask"> 
          div>'+ '<div class="modal">'+ '<p>'+ content +' 
           p>'+ '<button type="button" id="confirm" class="confirm">确定 
            button>'+ ' 
             div>'+ ' 
              div>'; $('body').append(tpl); $(document).on('click', '.confirm', function() { $('.container').remove(); callback(); }); } var myWords = '有人说，人的一生会遇到2920万人，而两个人相爱的概率只有0.000049。在这茫茫人海中，两个人能相遇就值得感激，能相爱更是一种难得。所以，我很庆幸上天让我遇见了你。我希望有个如你一般的人，能看完我写过的所有状态，读完我所有的日志，看完我从小到大的照片，试着听我喜欢的歌。如果可以，甚至陪我去我喜欢的地方，只想弥补错过你的青春。'; var x = 0; var speed = 150; var current = 0; function typeWrite(){ $('.type_words').html(myWords.substring(0, x++)+'_'); var timer = setTimeout("typeWrite()", speed); if (x == myWords.length) { x = myWords.length; clearTimeout(timer) } }  
               script> <body> <div class="share_img"><img src="images/a8b.png" alt=""> 
                div> <div class="page_one"> <div class="content"> <div class="text_wrapper"> <img src="images/a8.png" alt=""> <div class="text"> 小姐姐，我好喜欢你，你愿意做我女朋友吗？  
                 div>  
                  div>  
                   div> <div class="btn-groups"> <div class="heart-btn"> <div id="yes" class="btn btn-a"><span>愿意 
                    span> 
                     div>  
                      div> <div id="no" class="btn btn-b"><span>不愿意 
                       span> 
                        div>  
                         div>  
                          div> <div class="page_two hide"> <div class="type_words"> 
                           div>  
                            div> <audio autoplay="autoplay" loop="loop" preload="auto" src="http://music.163.com/song/media/outer/url?id=.mp3">  
                             audio>  
                              body>  
                               html>