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

html button 按钮单选且高亮

news 2026/4/1 0:33:48

<DIV class="middle">

<div class="containerTarget">

  <span class="hover-target1" οnclick="btn(1);">韵达 </span>

<span class="hover-target2" οnclick="btn(2);">中通 </span>

  <span class="hover-target3" οnclick="btn(3);">圆通 </span>

    </div>

</DIV>

function go_savebtn(e) {

if (e == '1') {

if (document.querySelector(".hover-target1")) {

document.querySelector(".hover-target1").className = 'hover-static1'

}

else {

document.querySelector(".hover-static1").className = 'hover-target1'

}

} else if (e == '2') {

if (document.querySelector(".hover-target2")) {

document.querySelector(".hover-target2").className = 'hover-static2'

}

else {

document.querySelector(".hover-static2").className = 'hover-target2

}

} else if (e == '3') {

if (document.querySelector(".hover-target3")) {

document.querySelector(".hover-target3").className = 'hover-static3'

} else {

document.querySelector(".hover-static3").className = 'hover-target3'

}

}

}

.hover-target1,

.hover-target2,

.hover-target3 {

cursor: pointer;

background-color: #fff(64, 158, 255, 1);

color: #000;

}

.hover-static1,

.hover-static2,

.hover-static3 {

cursor: pointer;

background-color: rgba(64, 158, 255, 1);

color: white;

}

.hover-target1:hover,

.hover-target2:hover,

.hover-target3:hover {

cursor: pointer;

background-color: rgba(64, 158, 255, 1);

color: white;

border-radius: 5px;

border: 1px solid #ccc;

width: 136px;

height: 40px;

}

html button 按钮单选且高亮

<DIV class"middle"> <div class"containerTarget"> <span class"hover-target1" οnclick"btn(1);">韵达 </span> <span class"hover-target2" οnclick"btn(2);">中通 </span…...

编程日记 2024/12/8 1:08:35

alioss sky:jwt:# 设置jwt签名加密时使用的秘钥admin-secret-key: itcast# 设置jwt过期时间admin-ttl: 7200000# 设置前端传递过来的令牌名称admin-token-name: tokenalioss:endpoint: ${sky.alioss.endpoint}access-key-id: ${sky.alioss.access-key-id}access-key-secret: $…...

编程日记 2024/12/8 1:05:33

C++学习-函数

C 函数目录函数默认参数引用传参函数重载数量不同类型不同内联函数函数默认参数 #include<iostream>using std::cout; using std::endl;int power(int n, int x2); // x2 是默认参数int main() {cout << power(5) << endl; // 没有传 x 的值&#x…...

编程日记 2024/12/8 1:00:28

spring boot 测试 mybatis mapper类

spring boot 测试 mybatis mapper类针对 mybatis plus不启动 webserver指定加载 xml 【过滤 “classpath*:/mapper/**/*.xml” 下的xml】, mapper xml文件名和mapper java文件名称要一样，是根据文件名称过滤的。默认情况加载和解析所有mapper.xml 自定义 MapperT…...

编程日记 2024/12/8 0:58:23

远程游戏新体验!

在这个数字化的时代，游戏已经不仅限于家里的电视或书房的电脑了。远程游戏，也就是通过远程控制软件在不同地点操作游戏设备，给玩家带来了前所未有的自由和灵活性。RayLink远程控制软件，凭借其出色的性能和专为游戏设计的功能&…...

编程日记 2024/12/8 0:54:19

Let up bring up a linux.part2 [十一]

之前的篇幅中我们已经将 Linux 内核 bringup 起来了，不知道大家有没有去尝试将根文件系统运行起来，今天我就带领大家完成这个事情，可以跟着下面的步骤一步步来完成： 在这里我们使用 busybox 构建 rootfs： 下载 busyb…...

编程日记 2024/12/8 0:50:14

调用大模型api 批量处理图像保存到excel

最近需要调用大模型，并将结果保存到excel中，效果如下： 代码： import base64 from zhipuai import ZhipuAI import os import pandas as pd from openpyxl import Workbook from openpyxl.drawing.image import Image from io i…...

编程日记 2024/12/8 0:48:11

使用 Flownex 模拟热环境对原油运输的影响

石油和天然气行业经常使用管道仿真来模拟原油的流动。为了准确估计管道容量，必须考虑环境对管道的热影响以及环境温度如何影响油品特性。本博客介绍了如何通过将传热元件集成到管道流网中，以及使用新的工作液材料 Flownex 来模拟各种传热机制。使用 Fl…...

编程日记 2024/12/8 0:47:10

【WRF-Urban】WPS中有关Urban的变量设置

【WRF-Urban】WPS中有关Urban的变量设置地理数据源的配置WRF-Urban所需静态地理数据1、LANDUSE：包含城市地表分类的土地利用数据。2、URB_PARAM：城市参数数据集。3、FRC_URB2D：城市覆盖度数据集WRF默认设置（美国）数据集1-National urban dataset in China NUDC（中国）数…...

编程日记 2024/12/8 0:46:08

Socket编程-tcp

1. 前言在tcp套接字编程这里，我们将完成两份代码，一份是基于tcp实现普通的对话，另一份加上业务，client输入要执行的命令，server将执行结果返回给client 2. tcp_echo_server 与udp类似，前两步&#xff1…...

编程日记 2024/12/8 0:45:07

Redis 之持久化

目录介绍 RDB RDB生成方式自动触发手动触发 AOF（append-only file） Redis 4.0 混合持久化 Redis主从工作原理总结介绍 Redis提供了两个持久化数据的能力，RDB Snapshot 和 AOF（Append Only FIle）…...

编程日记 2024/12/8 0:44:05

视频监控汇聚平台：Liveweb安防监控平台实现接入监控视频集中管理方案

随着各行业数字化转型的不断推进，视频监控技术在行业内的安防应用及管理支撑日益增多。然而，由于前期规划不清晰、管理不到位等问题，视频监管系统普遍存在以下问题： 1. 各部门单位在视频平台建设中以所属领域为单位，导…...

编程日记 2024/12/8 0:41:01

ABAP - 系统集成之SAP的数据同步到OA（泛微E9）服务器数据库

需求背景项目经理说每次OA下单都需要调用一次SAP的接口获取数据，导致效率太慢了，能否把SAP的数据保存到OA的数据库表里，这样OA可以直接从数据库表里获取数据效率快很多。思来想去，提供了两个方案。在集群SAP节点下增加一个SQL S…...

编程日记 2024/12/8 0:40:00

uniapp使用ucharts修改Y、X轴标题超出换行

找到ucharts里面的u-charts.js。 Y轴的话找到drawYAxis方法。然后找到方法里面绘制文字的context.fillText方法。先把这个代码注释掉，然后加上下面代码 let labelLines item.split(\n); let currentY pos yAxisFontSize / 2 - 3 * opts.pix; labelLines.forEac…...

编程日记 2024/12/8 0:38:58

三分钟详细解读什么是Ecovadis认证？

Ecovadis认证，这一源自法国的全球性企业可持续性评估体系，宛如一面明镜，映照出企业在环境、社会和治理（ESG）领域的真实面貌。它不仅仅是一项简单的认证，更是一个推动全球企业和供应链向更加绿色、公正、透明…...

编程日记 2024/12/8 0:37:56

spring6：4、原理-手写IoC

目录 4、原理-手写IoC4.1、回顾Java反射4.2、实现Spring的IoC 4、原理-手写IoC 我们都知道，Spring框架的IOC是基于Java反射机制实现的，下面我们先回顾一下java反射。 4.1、回顾Java反射 Java反射机制是在运行状态中，对于任意一个类&#x…...

编程日记 2024/12/8 0:36:55

爬取的数据能实时更新吗？

在当今数字化时代，实时数据更新对于企业和个人都至关重要。无论是市场分析、商品类目监控还是其他需要实时数据的应用场景，爬虫技术都能提供有效的解决方案。本文将探讨如何利用PHP爬虫实现数据的实时更新，并提供相应的代码示例。 1. 实时数…...

编程日记 2024/12/8 0:33:52

Linux 下使用飞鸽传书实现与Windows飞秋的通信

最近把单位的办公电脑换成Linux系统，但是其他同事们都使用飞秋2013进行局域网通信和文件传输，经过一番尝试，发现飞鸽传书For Linux 2014能够实现两者的互相通信。飞鸽传书ForLINUXLinux版下载_飞鸽传书ForLINUX免费下载_飞鸽传书ForLINUX1.2…...

编程日记 2024/12/8 0:32:51

MongoDB分片集群搭建及扩容

分片集群搭建及扩容整体架构环境准备 3台Linux虚拟机，准备MongoDB环境，配置环境变量。一定要版本一致（重点），当前使用 version4.4.9 配置域名解析在3台虚拟机上执行以下命令，注意替换实际 IP 地址 e…...

编程日记 2024/12/8 0:31:50

qt QSettings详解

1、概述 QSettings是Qt框架中用于应用程序配置和持久化数据的一个类。它提供了一种便捷的方式来存储和读取应用程序的设置，如窗口大小、位置、用户偏好等。QSettings支持多种存储格式，包括INI文件、Windows注册表（仅限Windows平台&#xff0…...

编程日记 2024/12/8 0:29:48

告别繁琐流程：用快马AI生成脚本实现龙虾部署效率飞跃

最近在团队里负责微服务部署时，发现每次更新代码都要重复执行十几个步骤：拉代码、装依赖、打镜像、推仓库、重启容器...一套流程下来至少半小时，还容易手滑出错。于是研究了一套自动化方案，用Python脚本把整个流程串了起来&#x…...

编程新知 2026/4/1 0:13:38

PX4无人机Offboard模式实战：从Gazebo仿真到真机避坑指南（附Python/C++代码对比）

PX4无人机Offboard模式全流程实战：从仿真到真机的Python/C双语言开发指南 1. Offboard模式核心原理与开发环境搭建 Offboard模式是PX4飞控系统中最为强大的控制模式之一，它允许开发者通过外部计算机（如运行ROS的机载电脑）发送精确…...

编程新知 2026/4/1 0:11:37

Unpaywall终极指南：一键解锁全球学术论文的免费获取方案

Unpaywall终极指南：一键解锁全球学术论文的免费获取方案【免费下载链接】unpaywall-extension Firefox/Chrome extension that gives you a link to a free PDF when you view scholarly articles 项目地址: https://gitcode.com/gh_mirrors/un/unpaywall-extens…...

编程新知 2026/3/31 23:35:00