当前位置： 首页 > news >正文

HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字+烟花特效)

news 文章来源：https://blog.csdn.net/weixin_45644355/article/details/140853425 2025/1/16 8:52:27

利用HTML+CSS+JavaScript制作了一个简单的七夕表白网页：

  • 这是一个简单的表白功能，可以用于小哥哥小姐姐在情人节向心爱的人表白使用
  • 点击信封中间的爱心，会出现一封信由信封向外展开，与此同时会有烟花绽放，并且自动播放背景音乐
  • 使用者可以通过更改文字内容，写上自己想要表白的话，音乐也可以换上自己喜欢的音乐，替换music.mp3文件即可

代码就不在这里展示了，已经放到gihtub上，gihtub链接
该项目已部署到Vercel上，想要看效果可访问：线上地址 （需要爬梯子才能访问哦😂）

如果有喜欢的家人吗麻烦可以在GitHub上帮忙点个小星星可以吗，拜托拜托😺

相关文章：

HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字+烟花特效)

利用HTMLCSSJavaScript制作了一个简单的七夕表白网页： 这是一个简单的表白功能，可以用于小哥哥小姐姐在情人节向心爱的人表白使用点击信封中间的爱心，会出现一封信由信封向外展开，与此同时会有烟花绽放，并且自动播放背…...

编程日记 2024/8/2 5:12:44

【Python机器学习系列】一文教你实现决策树模型可视化（案例+源码）

这是我的第335篇原创文章。 一、引言 决策树是一个有监督分类模型，本质是选择一个最大信息增益的特征值进行输的分割，直到达到结束条件或叶子节点纯度达到阈值。根据分割指标和分割方法，可分为：ID3、C4.5、CART算法。每一种颜色代…...

编程日记 2024/8/2 5:11:42

如何在Python中使用网页抓取API获得Google搜索结果

SERP是搜索引擎结果页的缩写，它是你在百度、谷歌、Bing等搜索引擎中提交查询后所得到的页面。搜索引擎需要给所有页面做排序，把最能解决我们需求的页面展示给我们，企业会非常关注结果页的排序，也就是本企业内容的自然排名情况。手…...

编程日记 2024/8/2 5:08:38

Postman高频面试题及答案汇总（接口测试必备）

Postman在软件测试的面试中，可以说是必考题了，既然是高频考题，当然得为粉丝宝宝们整理一波题库喽~ 一、Postman在工作中使用流程是什么样的？ 二、你使用过Postman的哪些功能？ 三、Postman如何管理测试环境&#xff…...

编程日记 2024/8/2 5:07:37

JavaEE 初阶（13）——多线程11之“定时器”

目录 一. 什么是“定时器” 二. 标准库的定时器 三. 定时器的实现 MyTimer 3.1 分析思路 1. 创建执行任务的类。 2. 管理任务 3. 执行任务 3.2 线程安全问题 四. 拓展 一. 什么是“定时器” 定时器是软件开发中的一个重要组件，类似于一个“闹钟”&#xff0…...

编程日记 2024/8/2 5:06:35

2024最新全开源付费进群系统源码二开修复版 支持易支付

内容目录 一、详细介绍二、效果展示1.部分代码2.效果图展示 三、学习资料下载 一、详细介绍 全开源付费进群系统源码，开源无加密无授权，优化电脑端访问布局，支持dai理，对接易支付通道，dai理可以配置自己易支付接口&am…...

编程日记 2024/8/2 5:05:34

【奥顺苹果CMS二开泛目录4.X版】PHP站群程序新增首页堆砌关键词新增四套seo模板

演示站（赠送四套模板）： https://macfan.qdwantong.com https://macfan2.qdwantong.com https://macfan3.qdwantong.com https://macfan4.qdwantong.com 4.X版程序特色功能： 后台除了可以设置干扰码、转码、插入符号和拼音这…...

编程日记 2024/8/2 5:04:32

day06 项目实践：router，axios

vue组件的生命周期钩子 今天几乎没有讲什么新内容，就是一起做项目，只有一个小小的知识点，就是关于vue组件的生命周期钩子，其中最重要的四个函数—— beforeCreate()：组件创建之间执行 created()：组件创建…...

编程日记 2024/8/2 5:03:31

⌈ 传知代码 ⌋ 基于矩阵乘积态的生成模型

💛前情提要💛 本文是传知代码平台中的相关前沿知识与技术的分享~ 接下来我们即将进入一个全新的空间，对技术有一个全新的视角~ 本文所涉及所有资源均在传知代码平台可获取 以下的内容一定会让你对AI 赋能时代有一个颠覆性的认识哦&#x…...

编程日记 2024/8/2 5:02:29

软件测试必备技能

在软件测试领域，以下是一些必备的技能和能力，可以帮助你成为一名优秀的软件测试工程师： 1. 测试基础知识： 熟悉软件测试的基本概念、原则和流程，包括不同类型的测试（如单元测试、集成测试、系统测试&#…...

编程日记 2024/8/2 5:01:28

TL3568编译uboot报错

编译uboot前，需要 ① sudo apt-get install device-tree-compiler 否则会报“ERROR: No dtc” ② sudo apt install python 装个Python2，否则会报“ERROR: No python2”...

编程日记 2024/8/2 5:00:27

qiankun 微前端 隔离子应用样式，解决 ant-design-vue 子应用样式污染问题（已落地）

样式冲突产生原因 先分析乾坤qiankun 构建之后，会根据你的配置 给每个子应用生成一个id， 当加载到对应子应用的时候，就把内容放到对应的id 标签里去， 这样能有效的隔离 js 代码，但是样式是加载在全局的 所以 当两个子…...

编程日记 2024/8/2 4:59:26

一个前后端分离架构的低代码开发平台，支持微服务架构，支持开发SAAS项目（附源码）

前言 在当前的企业软件开发领域，开发者常常面临着代码重复性高、开发效率低、项目周期长等挑战。现有的软件解-决方案往往难以满足快速变化的市场需求，特别是在SAAS项目、企业信息管理系统（MIS）、内部办公系统（OA&…...

编程日记 2024/8/2 4:58:25

whisper+whisperx ASR加对齐

忘了怎么安装了，这里记录一下整理出来的类，不过这个 from chj.comm.pic import *import json import whisper import whisperx import gcclass Warp_whisper:def __init__(self, language"zh", device"cuda", compute_type"fl…...

编程日记 2024/8/2 4:55:21

【已解决】YOLOv8加载模型报错：super().__init__(torch._C.PyTorchFileReader(name_or_buffer))

《博主简介》 小伙伴们好，我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源，可关注公-仲-hao:【阿旭算法与机器学习】，共同学习交流~ 👍感谢小伙伴们点赞、关注！ 《------往期经典推…...

编程日记 2024/8/2 4:54:19

中国象棋 纯网页前端 演示与下载

https://andi.cn/app/chess/...

编程日记 2024/8/2 4:53:17

学习大数据DAY29 python基础语法2

目录 调试---debug tuple（元组） set（集合） dict（字典） 转换 推导式 上机练习 3 函数 参数 不定长参数 值传递与引用传递 局部和全局变量 上机练习 4 调试---debug 1. 先设置断点 2. 点击调试…...

编程日记 2024/8/2 4:52:16

自动化测试常用函数（Java方向）

目录 一、元素的定位 1.1 cssSelector 1.2 xpath 1.2.1 获取HTML页面所有的节点 1.2.2 获取HTML页面指定的节点 1.2.3 获取⼀个节点中的直接子节点 1.2.4 获取⼀个节点的父节点 1.2.5 实现节点属性的匹配 1.2.6 使用指定索引的方式获取对应的节点内容 二、操作测试对…...

编程日记 2024/8/2 4:51:15

申瓯通信设备有限公司在线录音管理系统（复现过程）

漏洞简介 申瓯通信设备有限公司在线录音管理系统 index.php接口处存在任意文件读取漏洞，恶意攻击者可能利用该漏洞读取服务器上的敏感文件，例如客户记录、财务数据或源代码，导致数据泄露 一.复现过程 fofa搜索语句:title"在线录音管…...

编程日记 2024/8/2 4:50:13

【C++进阶学习】第十一弹——C++11（上）——右值引用和移动语义

前言： 前面我们已经将C的重点语法讲的大差不差了，但是在C11版本之后，又出来了很多新的语法，其中有一些作用还是非常大的，今天我们就先来学习其中一个很重要的点——右值引用以及它所扩展的移动定义 目录 一、左值引用和…...

编程日记 2024/8/2 4:49:11

JavaScript 监听 localStorage 的变化

使用 JavaScript 监听 localStorage 的变化 在Web开发中,localStorage是一种非常常用的本地存储机制。它允许我们在浏览器中存储键值对数据,即使用户关闭了浏览器或刷新页面,数据也不会丢失。但是,有时我们需要实时监控 localStorage 的变化,以便能够及时做出响应。在本文中,我…...

编程日记 2024/8/2 4:48:09

Java 中 HashMap 和 Hashtable 的联系

目录 相同 不同 1. 继承的父类不同 2. 线程安全性不同 3. 包含的 contains 方法不同 4. toString方法不同 5. 是否允许null值不同 6. 计算hash值的方式不同 7. 计算索引位置的方法不同 8. 初始化容量不同 9. 扩容方式不同 10. 内部存储策略不同（此处讨论…...

编程日记 2024/8/2 4:47:06

Web3 开发教程

引言 Web3 是指第三代互联网，其核心特征之一是去中心化。通过区块链技术和智能合约，Web3 应用程序（dApps）能够在无需中心化服务器的情况下运行。本文将引导你完成一个简单的 Web3 应用程序的开发过程，包括环境搭建、智…...

编程日记 2024/8/2 4:46:05

傻瓜式PHP-Webshell免杀学习手册，零基础小白也能看懂

项目描述 一、PHP相关资料 PHP官方手册： https://www.php.net/manual/zh/ PHP函数参考： https://www.php.net/manual/zh/funcref.php 菜鸟教程： https://www.runoob.com/php/php-tutorial.html w3school： https://www.w3school…...

编程日记 2024/8/2 4:45:03

第十九次（安装nginx代理tomcat）

回顾 1.安装nodejs---jdk一样你的软件运行环境 yum -y list install|grep epel $? yum -y install nodejs #版本号 node -v 2.下载对应的nodejs软件npm yum -y install npm npm -v npm set config ...淘宝镜像 3.安装vue/cli command line interface 命令行接口 npm ins…...

编程日记 2024/8/2 4:44:02

小红书0510笔试-选择题

Cache-Control：这是一个用于定义缓存行为的头部字段，它可以设定多个值来控制缓存的各个方面，如“public”、“private”、“no-cache”、“max-age”等。虽然Cache-Control的max-age指令可以指定缓存项的有效期，但它并不直接标识资…...

编程日记 2024/8/2 4:43:01

3.Java面试题之AQS

1. 写在前面 AQS（AbstractQueuedSynchronizer）是Java并发包（java.util.concurrent）中的一个抽象类，用于实现同步器（如锁、信号量、栅栏等）。AQS提供了一种基于FIFO队列的机制来管理线程的竞争和…...

编程日记 2024/8/2 4:42:00

redis的集群（高可用）

redis集群的三种模式： 主从复制 奇数 三台 一主两从 哨兵模式 3 一主两从 cluster集群 六台 主从复制：和mysql的主从复制类似，主可以写，写入主的数据通过RDB方式把数据同步到从服务器，从不能更新到主，也…...

编程日记 2024/8/2 4:40:59

随机森林的算法

1、随机森林算法简介 随机森林算法(Random Forests)是LeoBreiman于2001年提出的，它是一种通过重采样办法从原始训练样本集中有放回地重复随机抽取若干个样本生成多个决策树，样本的最终预测值由这些决策树的结果投票决定的一种有监督集成学习模型。 其核…...

编程日记 2024/8/2 4:39:58

3.1、数据结构-线性表

数据结构 数据结构线性结构线性表顺序存储和链式存储区别单链表的插入和删除练习题 栈和队列练习题 串（了解） 数据结构 数据结构该章节非常重要，上午每年都会考10-12分选择题下午一个大题 什么叫数据结构？我们首先来理解一下什…...

编程日记 2024/8/2 4:38:57

在线表白网页/网站搜索引擎优化的步骤

闭包（Closure）是前端开发者经常会听到的一个概念，也是我们在求职面试中经常会遇到的题目之一。透过表象去理解闭包的本质，对前端开发者来说是进阶的必经之路。 闭包跟执行上下文中的变量对象和作用域链有着千丝万缕的关系&#xf…...

编程日记 2025/1/16 3:23:37

专业建站公司服务/关键词排名提升工具

这是一个基于MVCDAO的留言管理系统，包含增删改查，其中查询，有全部查询和按关键字进行模糊查询的功能。文章底部附件是源码程序。大家共同学习，共同进步。具体如下： NoteDAO.java package cn.mldn.lxh.note.dao ;import…...

编程日记 2025/1/16 2:00:40

怎么做网站优化 s/苏州百度推广公司地址

1.准备工作——安装一些工具包 $ sudo apt-get install ros-melodic-ros-tutorials ros-melodic-geometry-tutorials ros-melodic-rviz ros-melodic-rosbash ros-melodic-rqt-tf-tree2.运行demo roslaunch turtle_tf turtle_tf_demo.launch会跳出一个窗口，一只小乌…...

编程日记 2025/1/15 23:48:41

建网站空间可以不买/同城推广平台有哪些

前言❤️ 天空黑暗到一定程度，星辰就会熠熠生辉 ❤️前端基础知识第一章---HTML一、HTML 简介（1）网页1.1 什么是网页1.2 什么是 HTML（2）常用浏览器2.1 常用的浏览器2.2 浏览器内核（3）Web 标准&a…...

编程日记 2025/1/15 21:07:57

临沂住房和城乡建设局网站/网络营销策划方案

本文记载了如何在微信小程序里面实现下拉刷新，上拉加载更多 先开看一下界面 大致如此的界面吧。 这个Demo使用了微信的几个Api和事件，我先列出来。 1.wx.request （获取远程服务器的数据，可以理解成$.ajax） 2. scroll-v…...

编程日记 2025/1/15 19:09:56

网站广告推送怎么做/官方正版清理优化工具

一、八大排序 排序也称排序算法(Sort Algorithm)，排序是将一组数据，依指定的顺序进行排列的过程。 排序分类 总体对比 1 冒泡排序 基本思想 冒泡排序（Bubble Sorting）的基本思想是：通过对待排序序列从前向后&…...

编程日记 2025/1/15 18:51:07