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

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

news 2026/3/27 18:22:32

利用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

驾驭AI引用：Geo优化中的内容评分机制与实战策略深度解析

在生成式人工智能（Generative AI）日益主导信息获取与分发路径的时代，传统搜索引擎优化（SEO）的范式正被生成式引擎优化（Geo）所颠覆。Geo不再仅仅关注关键词排名，而是深入探究内容如何…...

编程新知 2026/3/27 17:58:05

别再只会用PS修图了！用Python的Richardson-Lucy算法，5分钟搞定模糊老照片修复

用Python拯救模糊老照片：零基础也能上手的Richardson-Lucy算法实战翻箱倒柜找到一张泛黄的老照片，却发现画面模糊得连人脸都看不清？别急着叹气，更不用花大价钱找专业修图师。今天我要分享一个连Python新手都能轻松上手的黑科技—…...

编程新知 2026/3/27 17:56:05

分布式电池管理系统：基于微控制器架构的智能电池保护与均衡解决方案

分布式电池管理系统：基于微控制器架构的智能电池保护与均衡解决方案【免费下载链接】SmartBMS Open source Smart Battery Management System 项目地址: https://gitcode.com/gh_mirrors/smar/SmartBMS SmartBMS是一个开源的智能电池管理系统，专…...

编程新知 2026/3/27 17:21:55

农业IoT部署卡在MQTT连接失败？Python异步通信优化全链路解析（含田间实测吞吐量对比数据）

第一章：农业IoT部署卡在MQTT连接失败？Python异步通信优化全链路解析（含田间实测吞吐量对比数据）在华北平原某智慧农场的边缘网关部署中，23台土壤温湿度传感器频繁出现MQTT连接超时与会话重置现象，平均重连耗…...

编程新知 2026/3/27 16:55:34

YOLOv8工业缺陷检测推理延迟骤降63%：基于TensorRT量化+ONNX Runtime定制化内核的完整链路

第一章：YOLOv8工业缺陷检测推理延迟骤降63%：基于TensorRT量化ONNX Runtime定制化内核的完整链路在高吞吐产线场景下，YOLOv8原生PyTorch模型在Jetson AGX Orin上单帧推理延迟达84.2ms（输入尺寸640640），严重制…...

编程新知 2026/3/27 16:49:32

Python实战：5分钟搞定小红书自动点赞脚本（附完整代码）

Python实战：5分钟实现小红书自动化互动工具开发指南在当今内容爆炸的时代，社交媒体运营已成为个人品牌和商业推广的重要阵地。小红书作为国内领先的生活方式分享平台，其互动数据直接影响内容曝光和账号权重。对于开发者而言，掌握…...

编程新知 2026/3/27 16:45:32

Qwen3.5-4B-Claude-Opus实战案例：用推理链输出提升技术沟通准确性

Qwen3.5-4B-Claude-Opus实战案例：用推理链输出提升技术沟通准确性 1. 模型介绍与核心能力 Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF是一个基于Qwen3.5-4B的推理蒸馏模型，专门针对结构化分析、分步骤回答以及代码与逻辑类问题的处理能力进…...

编程新知 2026/3/27 15:14:53

PCB数据处理利器：从安装到实战的全方位指南

PCB数据处理利器：从安装到实战的全方位指南【免费下载链接】pcb-tools Tools to work with PCB data (Gerber, Excellon, NC files) using Python. 项目地址: https://gitcode.com/gh_mirrors/pc/pcb-tools 1. 项目价值解析 PCB Tools作为一款专注于印制电…...

编程新知 2026/3/27 13:57:15

如何用WechatFerry构建企业级微信自动化解决方案

如何用WechatFerry构建企业级微信自动化解决方案【免费下载链接】wechatferry 基于 WechatFerry 的微信机器人底层框架项目地址: https://gitcode.com/gh_mirrors/wec/wechatferry 一、场景化价值：从业务痛点到自动化突破在数字化转型加速的今天&#xf…...

编程新知 2026/3/27 13:25:07

手把手教你用STM32F405和SD卡，在阿里云物联网平台上实现OTA升级（MQTT协议详解）

STM32F405实战：基于SD卡与阿里云物联网平台的OTA升级全流程解析当嵌入式设备部署在野外或工业现场时，固件升级往往成为工程师的噩梦。传统方式需要技术人员携带烧录器奔赴现场，不仅效率低下，在设备数量庞大或分布广泛时更是不切实…...

编程新知 2026/3/27 11:27:59

相关文章：