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

HTML5+CSS3+JS小实例：焦点图波浪切换动画特效

news 2026/2/10 2:36:39

实例：焦点图波浪切换动画特效

技术栈：HTML+CSS+JS

字体图标库：Font Awesome

效果：

源码：

【HTML】

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>焦点图波浪切换动画特效</title><!-- 引入字体图标库 --><link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"><link rel="stylesheet" href="189.css">
</head><body><div class="container"><div class=&

HTML5+CSS3+JS小实例：焦点图波浪切换动画特效

实例：焦点图波浪切换动画特效技术栈：HTML+CSS+JS 字体图标库：Font Awesome 效果：源码：【HTML】 <!DOCTYPE html> <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name=&…...

编程日记 2023/12/5 16:04:14

Mac电脑如何安装git

一、简介在Mac上安装Git之前，可以先使用git --version来查看一下是否安装了Git，因为Mac系统可能自带了Git，或者在你安装XCode（或者XCode的命令行工具）时，可能已经安装了 Git。如果Mac还没有安装Git的话&…...

编程日记 2023/12/5 16:01:11

目录准备工作创建集群注意点1. kubeconfig未正常加载2. container runtime is not running3. The connection to the server 172.16.190.132:6443 was refused - did you specify the right host or port?4. 集群重置5.加入子节点代码调试准备工作 apple m1芯片安装vmwa…...

编程日记 2023/12/5 15:58:09

JS 实现一键复制文本内容

1、演示： 2、代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>一键复制</title&g…...

编程日记 2023/12/5 15:56:07

【Linux】echo命令使用

echo命令功能是在显示器上显示一段文字，一般起到一个提示的作用。此外，也可以直接在文件中写入要写的内容。也可以用于脚本编程时显示某一个变量的值，或者直接输出指定的字符串。著者由布莱恩福克斯和切特拉米撰写。语法 echo […...

编程日记 2023/12/5 15:55:06

Day03 嵌入式---中断

目录一、简单介绍二、总体框架三、NVIC 3.2 NVIC的寄存器 3.3 中断向量表 3.4 中断优先级 3.5 NVIC优先级分组 3.6 NVIC配置 3.6.1、设置中断分组 3.6.2、初始化四、EXTI 外部中断 4.1.EXTI的基本概念 4.2.EXTI的⼯作原理 4.3 EXTI配置五、SYSCFG 5.1 SYS…...

编程日记 2023/12/5 15:52:04

wpf devexpress 使用IDataErrorInfo实现input验证

此处下载源码当form初始化显示，Register按钮应该启动和没有输入错误应该显示。如果用户点击注册按钮在特定的输入无效数据，form将显示输入错误和禁用的注册按钮。实现逻辑在标准的IDataErrorInfo接口。请查阅IDataErrorInfo接口（System.Com…...

编程日记 2023/12/5 15:51:03

shell_81.Linux在命令行中创建使用函数

在命令行中使用函数在命令行中创建函数两种方法单行方式来定义函数： $ function divem { echo $[ $1 / $2 ]; } $ divem 100 5 20 $ 当你在命令行中定义函数时，必须在每个命令后面加个分号，这样 shell 就能知道哪里是命令的起止了&am…...

编程日记 2023/12/5 15:49:01

鱼香ROS一键安装命令（支持微信、docker、ros等）

按照指定的数字选择即可。 wget http://fishros.com/install -O fishros && . fishros小鱼的一键安装系列 [14个ROS版本任你选]一键安装Docker使用指南...

编程日记 2023/12/5 15:46:59

深入理解 Go 函数：从基础到高级

一、函数基础 1、函数定义函数是组织好的、可重复使用的、用于执行指定任务的代码块Go 语言中支持：函数、匿名函数和闭包 package mainimport "fmt"func main(){ret : intSum(1,2)fmt.PrintIn(ret) //3 }func instSum(x,y int) int {return x y }…...

编程日记 2023/12/5 15:45:58

开启三层交换机DHCP服务

二层交换机上不需要配置任何东西，只需要在pc机上开启dhcp服务，配置好LSW1后就可以自动获取到IP地址。 sys Enter system view, return user view with CtrlZ. [Huawei]sys sw1 [sw1]dhcp enable Info: The operation may take a few seconds. Please wai…...

编程日记 2023/12/5 15:44:57

jspdf+html2canvas浏览器缩放问题

之前在弄页面导出为pdf的时候,jspdf配合html2canvas貌似很好用,我自己在使用的时候也没有觉得有什么问题,但是客户那边反馈说下载下来的pdf不全. 后来问了客户才发现客户的浏览器比例缩放到了125%;这就导致了pdf不全, 先看看原来的代码: download() {let jsPDF jspdf.jsPDF;l…...

编程日记 2023/12/5 15:43:56

西南科技大学模拟电子技术实验六（BJT电压串联负反馈放大电路）预习报告

一、计算/设计过程 BJT电压串联负反馈放大电路图1-1-1-1为BJT电压串联负反馈放大实验电路，若需稳定输出电压，减小从信号源所取电流，可引入电压串联负反馈闭合开关。图1-1-1-1 理论算法公式（1）闭环电压放大倍数（2）反馈系数（3）输入电阻（4）输出电阻计算过程。开环…...

编程日记 2023/12/5 15:42:55

JS的监听事件

在JavaScript中，你可以使用监听器来捕获和处理不同类型的事件。通过添加事件监听器，你可以指定当特定事件发生时要执行的函数。以下是几种常见的监听事件的方法： 1. addEventListener()：用于在目标元素上添加事件监听器。它接受…...

编程日记 2023/12/5 15:40:54

JS Object.values()

一、官方定义返回一个给定对象的自有可枚举字符串键属性值组成的数组二、语法 Object.values(obj)参数 obj 被返回可枚举属性值的对象。返回值一个包含对象自身的所有可枚举属性值的数组。描述 Object.values() 返回一个数组，其元素是在对象上找到的可枚举…...

编程日记 2023/12/5 15:39:53

基于Java SSM人力资源管理系统

人力资源管理系统实现对企业人力资源的科学管理。企业有多个部门，每个部门有——名经理和多名员工，公司设置多级岗位，对应不同薪酬标准，员工日常工作进行考勤，岗位变动需要进行登记。系统管理的对象及操作主要有&#…...

编程日记 2023/12/5 15:38:52

人工智能和程序员

一、介绍人工智能和程序员人工智能（AI）是一种模拟人类智能的计算机系统，其目的是让计算机具备类似人类的学习、推理、规划和理解能力。人工智能致力于创建能够感知、适应环境并作出决策的智能体，以解决各种复杂的问题。程序员是…...

编程日记 2023/12/5 15:37:52

Unity优化篇：对于unity DrawCall/Mesh/纹理压缩/内存等方面的常规调试和优化手段

对于Unity的DrawCall、Mesh、纹理压缩、内存等方面的常规调试和优化手段，我都有一定的了解。以下是一些常见的优化手段： 减少DrawCall：这是提高性能的关键。尽可能合并相同的材质和纹理，使用LOD（Levels of Detail&…...

编程日记 2023/12/5 15:36:51

学生信息管理系统

摘要学生成绩管理系统是典型的信息管理系统(MIS)，其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。经过分析，我们使用Microsoft公司的C语言开发工具，将与C语言技术与数据库SQL2008相结合进行设计。首先，…...

编程日记 2023/12/5 15:35:50

纯代码压缩WordPress前端Html

易于阅读的前端代码对开发而言是无比重要的，但对于浏览器来说就显得无比鸡肋了，毕竟浏览器不是像人眼一样看代码，过多的换行和空格，对前台加载是有一定影响的，对使用大带宽高配置服务器的网站，这么点影响可…...

编程日记 2023/12/5 15:33:48

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章传送阵>> 点我查看说明：假设每台服务器已…...

编程新知 2026/2/8 1:53:29

多模态2025：技术路线“神仙打架”，视频生成冲上云霄

文｜魏琳华编｜王一粟一场大会，聚集了中国多模态大模型的“半壁江山”。智源大会2025为期两天的论坛中，汇集了学界、创业公司和大厂等三方的热门选手，关于多模态的集中讨论达到了前所未有的热度。其中，…...

编程新知 2026/2/8 20:43:00

简易版抽奖活动的设计技术方案

1.前言本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...

编程新知 2026/2/7 17:41:40

如何在看板中体现优先级变化

在看板中有效体现优先级变化的关键措施包括：采用颜色或标签标识优先级、设置任务排序规则、使用独立的优先级列或泳道、结合自动化规则同步优先级变化、建立定期的优先级审查流程。其中，设置任务排序规则尤其重要，因为它让看板视觉上直观地体…...

编程新知 2026/1/23 12:42:28

从深圳崛起的“机器之眼”：赴港乐动机器人的万亿赛道赶考路

进入2025年以来，尽管围绕人形机器人、具身智能等机器人赛道的质疑声不断，但全球市场热度依然高涨，入局者持续增加。以国内市场为例，天眼查专业版数据显示，截至5月底，我国现存在业、存续状态的机器人相关企…...

编程新知 2026/2/8 7:23:45

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码我们将以 fmt 这个流行的格式化库为例，演示如何：使用 FetchContent 从 GitH…...

编程新知 2026/2/1 3:19:54