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

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

news 2026/5/13 5:49:33

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

一键部署Obsidian环境：自动化脚本实现跨设备配置同步

1. 项目概述：为什么我们需要一个“一键式”的 Obsidian 安装脚本？如果你是一个深度依赖 Obsidian 进行知识管理、笔记写作或项目规划的从业者，无论是程序员、作家、学生还是研究员，大概率都经历过这样的场景：换了一台新…...

编程新知 2026/5/13 5:18:59

Hermes Agent：引爆企业AI革命！自进化智能体协作实战与落地指南

Hermes Agent 是一款自进化AI代理系统，具备完整学习循环、跨会话记忆、用户建模等核心特性。本文深入解析其架构、多智能体协作机制及自进化能力，并通过智能客服、DevOps自动化、数据分析等企业级案例，展示如何构建高效AI代理系统。同时提供性…...

编程新知 2026/5/13 4:01:52

iPaaS平台推荐——五款产品能力与适用场景观察

在数字化转型加速推进的当下，iPaaS（集成平台即服务）正成为企业打通数据孤岛、连接应用生态的核心基础设施。面对市场上类型各异的集成平台，如何根据自身需求选择合适的解决方案，成为众多企业关注的重点。本文基于公开资…...

编程新知 2026/5/13 3:39:02

计算内存(CIM)技术解析与AI硬件加速实践

1. 计算内存（CIM）技术解析：突破传统架构的能效瓶颈在AI硬件加速领域，计算内存（Compute-in-Memory, CIM）正引发一场架构革命。传统冯诺依曼架构中"内存墙"问题已成为制约AI计算效率的主要瓶颈——…...

编程新知 2026/5/13 3:28:49

016、气压计原理与高度测量

飞控算法从入门到精通 016 气压计原理与高度测量一、一次炸机带来的教训去年夏天，我在一个四轴飞行器上调试定高悬停。气压计用的是MS5611，数据手册翻烂了，滤波算法也上了，地面站里高度曲线看着挺平滑。结果一上天，飞机像喝醉了酒——先是莫名其妙往下掉半米，然后猛…...

编程新知 2026/5/13 2:05:17

硬件工程师显示器选购指南：从垂直分辨率到IPS面板的实战经验

1. 从“够用”到“爽用”：一个硬件工程师的显示器升级心路作为一名整天和代码、电路图、数据手册打交道的硬件工程师，我的工作台就是我的战场。而这块战场上最核心的装备，除了键盘鼠标，就是那块每天要盯着看至少八小时的显示器。几…...

编程新知 2026/5/13 1:13:14

图解人工智能（11）让人惊讶的AI

人工智能已经融入到我们的生活之中，如便捷的刷脸支付，帮我们扫地的机器人。想一想，你身边还有哪些有趣的人工智能设备？以一种设备为例，搜索它的相关信息，看它为我们的生活带来了哪些便利。开放讨论题&#…...

编程新知 2026/5/13 0:18:13

VisualCppRedist AIO：一站式解决Windows应用程序运行库缺失难题

VisualCppRedist AIO：一站式解决Windows应用程序运行库缺失难题【免费下载链接】vcredist AIO Repack for latest Microsoft Visual C Redistributable Runtimes 项目地址: https://gitcode.com/gh_mirrors/vc/vcredist 在Windows系统中，你是否经…...

编程新知 2026/5/12 23:53:10

用Python和MATLAB复现DMD算法：从COVID-19死亡数据预测到动态模态分解实战

用Python和MATLAB复现DMD算法：从COVID-19死亡数据预测到动态模态分解实战动态模态分解（Dynamic Mode Decomposition, DMD）作为一种数据驱动的建模方法，近年来在复杂系统分析、流体力学和流行病预测等领域展现出强大潜力。本文将带…...

编程新知 2026/5/12 23:29:45

可编程逻辑器件（PLD/CPLD/FPGA）核心原理、选型指南与EDA设计实战

1. 项目概述：从怀旧到硬核，聊聊可编程逻辑的“前世今生”那天在网上闲逛，本想找点微马赛克艺术（Micromosaic）的制作视频，结果算法一个拐弯，把我带回了上世纪七八十年代的《大青蛙布偶秀》&#…...

编程新知 2026/5/12 22:29:25

相关文章：