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

HTML5+CSS3+JS小实例：带滑动指示器的导航图标

article 2026/2/6 8:24:53

实例：带滑动指示器的导航图标

技术栈：HTML+CSS+JS

效果：

源码：

【HTML】

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>带滑动指示器的导航图标</title><link rel="stylesheet" href="/fonts/fa_v5/css/all.css"><link rel="stylesheet" href="256.css">
</head>
<body><nav><button type="button&

HTML5+CSS3+JS小实例：带滑动指示器的导航图标

实例：带滑动指示器的导航图标技术栈：HTML+CSS+JS 效果：源码：【HTML】 <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, ini…...

编程日记 2026/2/1 13:51:41

MINIQMT学习课程Day7

在上一篇，我们安装好xtquant，qmt以及python后，这一章，我们学习如何使用xtquant 本章学习，如何获取账号的资金使用状况。首先，打开qmt，输入账号密码，选择独立交易。进入交易界面&…...

编程日记 2026/2/2 20:33:09

每日一个小病毒（C++）EnumChildWindows+shellcode

这里写目录标题 1. `EnumChildWindows` 的基本用法2. 如何利用 `EnumChildWindows` 执行 Shellcode？关键点：完整 Shellcode 执行示例3. 为什么 `EnumChildWindows` 能执行 Shellcode？4. 防御方法5. 总结EnumChildWindows 是 Windows API 中的一个函数，通常用于枚举所有子窗…...

编程日记 2025/10/22 23:09:03

使用minio客户端mc工具迁移指定文件到本地

如果需要筛选MinIO桶中的特定文件进行迁移，可以使用MinIO Client（mc）工具结合一些命令行技巧来实现。以下是具体步骤： 1、安装 MinIO Client（mc） wget https://dl.min.io/client/mc/release/linux-amd64/…...

编程日记 2025/5/22 6:10:39

git clone 提示需要登录 github

我们在进行git的时候，可能会弹出让你登陆github的选项，这里我们介绍Token登陆的方法。正常登陆你的Github 下拉找到 Developer settings按照如下步骤进行操作填写相关信息，勾选对应选项返回就能看到token已经被生成，可以使…...

编程日记 2026/2/1 13:51:41

4.2-3 fiddler抓取手机接口

安卓： 长按手机连接的WiFi，点击修改网络把代理改成手动，服务器主机选择自己电脑的IP地址，端口号为8888（在dos窗口输入ipconfig查询IP地址，为ipv4） 打开手机浏览器，输入http://自己…...

编程日记 2026/2/1 18:53:47

Nacos注册中心AP模式核心源码分析（单机模式）

文章目录概述一、客户端启动主线流程源码分析1.1、客户端与Spring Boot整合1.2、注册实例（服务注册）1.3、发送心跳1.4、拉取服务端实例列表（服务发现） 二、服务端接收请求主线流程源码分析2.1、接收注册请求2.1.1、初始化注册表2…...

编程日记 2026/2/5 9:18:28

【进收藏夹吃灰】机器学习学习指南

博客标题URL【机器学习】线性回归（506字）https://blog.csdn.net/from__2025_03_16/article/details/146303423...

编程日记 2026/2/2 15:33:41

【Web 服务器】的工作原理

🌐 Web 服务器的工作原理 Web 服务器的主要作用是接收客户端请求（通常是浏览器发出的 HTTP/HTTPS 请求），处理请求，并返回相应的数据（如网页、图片、API 响应等）。 📌 工作流程 1️…...

编程日记 2026/2/5 10:40:16

关于uint8_t、uint16_t、uint32_t、uint64_t的区别与分析

一、类型定义与字节大小 uint8_t、uint16_t、uint32_t、uint64_t 是 C/C 中定义的无符号整数类型，通过 typedef 对基础类型起别名实现。位宽（bit）和字节数严格固定： uint8_t：8 位，占用 1 字节&#xff…...

编程日记 2026/2/5 1:25:55

Linux命令-grep

grep 是一种强大的命令行工具，用于在一个或多个输入文件中搜索与正则表达式匹配的行，并将匹配的行标准输出。 1.基本搜索参数说明 -i 忽略大小写进行匹配 -w 只匹配完整的单词 -x 只匹配与整行完全匹配的行 -v 反向匹配，显示不匹配的行…...

编程日记 2026/1/31 8:52:53

【Cursor】设置语言

Ctrl Shift P 搜索 configure display language选择“中文-简体”...

编程日记 2026/2/4 20:08:34

k8s 1.30 安装ingress-nginx

一、下载 # wget https://mirrors.chenby.cn/https://raw.githubusercontent.com/kubernetes/ingress-nginx/main/deploy/static/provider/cloud/deploy.yaml 二、过滤镜像修改三、部署四、检查： 五、扩充副本数 # kubectl scale --replicas3 deployment/ingr…...

编程日记 2026/2/4 20:08:09

很简单的将字幕生成视频的方法

一、一键将字幕生成视频的方法 1、下载任性动图 10.7 以上版本 2、设置背景 1）背景大小拉伸背景到合适大小，或者选择右侧比例 2）、直接空背景，设置背景颜色等详细信息 3）、或者复制或者突然图片做背景 3、设置文…...

编程日记 2026/2/3 7:44:30

OpenCv（二）——边界填充、阈值处理

目录一、边界填充 （1）constant边界填充，填充指定宽度的像素 （2）REFLECT镜像边界填充 （3）REFLECT_101镜像边界填充改进 (4) REPLICATE使用最边界的像素值代替 (5)WRAP上下左右边依次替换二…...

编程日记 2026/2/3 6:15:28

理解OSPF Stub区域和各类LSA特点

之前学习到OSPF特殊区域和各类类型LSA的分析后，一直很混乱，在网上也难找到详细的解释，在看了 HCNP书本内容后，对这块类容理解更加清晰，本次内容，我们使用实验示例，来对OSPF特殊区域和各类型LSA…...

编程日记 2026/2/3 5:37:29

鸿蒙 ——选择相册图片保存到应用

photoAccessHelper // entry/src/main/ets/utils/file.ets import { fileIo } from kit.CoreFileKit; import { photoAccessHelper } from kit.MediaLibraryKit; import { bundleManager } from kit.AbilityKit;// 应用在本设备内部存储上通用的存放默认长期保存的文件路径&am…...

编程日记 2025/4/20 16:19:25

pat学习笔记

two pointers 双指针给定一个递增的正整数序列和一个正整数M，求序列中的两个不同位置的数a和b，使得它们的和恰好为M，输出所有满足条件的方案。例如给定序列{1,2,3,4,5,6}和正整数M 8，就存在268和358成立。容易想到&#xff1…...

编程日记 2025/4/17 14:54:27

Gson修仙指南：谷歌大法的佛系JSON渡劫手册

各位在代码世界打坐修行的道友们！今天我们要参悟Google出品的JSON心法——Gson！这货就像代码界的扫地僧，表面朴实无华，实则内力深厚，专治各种JSON不服！准备好迎接"万物皆可JSON"的顿悟时刻了吗&a…...

编程日记 2025/5/25 3:46:41

我的世界1.20.1forge模组开发进阶教程——TerraBlender

TerraBlender介绍从模组开发者的视角来看，TerraBlender为Minecraft生物群系类模组的开发提供了全方位的技术支持，显著降低了开发门槛并提升了模组的质量与扩展性：跨平台兼容性架构支持Forge/Fabric/Quilt/NeoForge四大主流加载器，开发者无需为不同平台单独适配代码客户端…...

编程日记 2026/1/26 12:17:45

判断HiveQL语句为ALTER TABLE语句的识别函数

写一个C#字符串解析程序代码，逻辑是从前到后一个一个读取字符，遇到匹配空格、Tab和换行符就继续读取下一个字符，遇到大写或小写的字符a，就读取后一个字符并匹配是否为大写或小写的字符l，以此类推，匹配任意字…...

编程日记 2025/11/21 12:08:37

CAN/FD CAN总线配置最新详解包含理论+实战（附带源码）

看前须知：本篇文章不会说太多理论性的内容（重点在理论结合实践），顾及实操，应用，一切理论内容支撑都是为了后续实际操作进行铺垫，重点在于读者可以看完文章应用。（也为节约读者时间&a…...

编程日记 2026/2/2 21:26:09

DE2-115分秒计数器

一、模块设计如若不清楚怎么模块化，请看https://blog.csdn.net/szyugly/article/details/146379170?spm1001.2014.3001.5501 1.1顶层模块 module top_counter(input wire CLOCK_50, // 50MHz时钟input wire KEY0, // 暂停/继续按键out…...

编程日记 2025/11/21 5:45:25

MoE Align Sort在医院AI医疗领域的前景分析（代码版）

MoE Align & Sort技术通过优化混合专家模型（MoE）的路由与计算流程，在医疗数据处理、模型推理效率及多模态任务协同中展现出显著优势，其技术价值与应用意义从以下三方面展开分析：一、方向分析 1、提升医疗数据处理效率在医疗场景中，多模态数据（如医学影像、文本…...

编程日记 2026/2/3 7:38:16

【已解决】Webstorm 每次使用 git pull/push 都要输入令牌/密码登录

解决办法：勾上【使用凭据帮助程序】（英文：Use credential helper）...

编程日记 2026/2/3 3:19:37

阅读分析Linux0.11 /boot/setup.s

目录第一部分第二部分第三部分该源文件功能分为三部分： （1）源文件开始部分是通过各种中断指令， 初始化计算机的组成硬件，获得硬件的参数，然后保存到段空间0X9000。该空间原来是保存加载到内存的引导扇区内…...

编程日记 2025/6/1 2:03:53

Cmake：Win10 如何编译 midifile C++应用程序

先从 Microsoft C Build Tools - Visual Studio 下载 1.73GB 安装 "Microsoft C Build Tools“ 下载：midifile 项目 , 将 midifile-master.zip 解压到 D:\Music-soft 参阅: cmake超详细入门教程 CMake是一个跨平台的自动化建构系统,它使用一个名为 CMakeLi…...

编程日记 2025/6/7 20:44:24

QEMU源码全解析 —— 块设备虚拟化（14）

接前一篇文章：QEMU源码全解析 —— 块设备虚拟化（13）本文内容参考：《趣谈Linux操作系统》 —— 刘超，极客时间《QEMU/KVM源码解析与应用》 —— 李强，机械工业出版社特此致谢！上一回开始解析VirtioDeviceClass的realize函数virtio_blk_device_realize()，再来回…...

编程日记 2025/6/2 8:00:23

软路由安装指南

1.openwrt下载：选择合适的安装包，我用的软路由CPU主板是j3160，属于X86_64架构，所以筛选的时候使用X86_64的安装镜像 openwrt的官方地址可能国内打不开，需要科学上网 openwrt安装镜像下载地址我准备用U盘引导小主机开机，进而安装openwrt操作系统，所以下载 .img.gz 文…...

编程日记 2026/2/3 4:29:44

机器视觉工程师的专业精度决定职业高度，而专注密度决定成长速度。低质量的合群，不如高质量独处

在机器视觉行业，真正的技术突破往往诞生于深度思考与有效碰撞的辩证统一。建议采用「70%高质量独处30%精准社交」的钻石结构，构建可验证的技术能力护城河。记住：你的专业精度决定职业高度，而专注密度决定成长速度。作为机器视觉工…...

编程日记 2025/6/16 21:55:11

相关文章：