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

HTML5+CSS3+JS小实例：仿优酷视频轮播图

news 2026/5/17 1:26:53

实例：仿优酷视频轮播图

技术栈：HTML+CSS+JS

效果：

源码：

【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="168.css">
</head><body><div class="container"><div class="imgs"><a href="#" class="active"><img src="/images/168/1.jpg" alt=""></a>

HTML5+CSS3+JS小实例：仿优酷视频轮播图

实例：仿优酷视频轮播图技术栈：HTML+CSS+JS 效果：源码：【html】 <!DOCTYPE html> <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" content=&quo…...

编程日记 2023/10/10 16:11:44

我主要使用的是JAVA，而JAVA使用Websocket时，Websocket一定会有个onOpen方法。 ClientEndpoint public class WebsocketListener {OnOpenpublic void onOpen(Session session) throws IOException {}OnMessagepublic void onMessage(ByteBuffer byteBuff…...

编程日记 2023/10/10 16:10:43

VMware中Ubuntu（Linux）无法连接网络解决办法记录

问题： 操作系统：Ubuntu 22.04.3 LTS VMware 版本：VMware Workstation 17 Pro, 17.0.0 build-20800274今天在虚拟机用Ubuntu的时候，发现无法连接网络，如下： wdwd-virtual-machine:~$ ifconfig lo: flags73…...

编程日记 2023/10/10 16:08:40

js结合map对象等处理数组

cpp const INVENTORY_STATUS_MAP {7: { text: 全部 },0: { text: 出租, color: mary-green },1: { text: 已售, color: mary-green },2: { text: 丢失, color: mary-orange },3: { text: 闲置, color: mary-green },4: { text: 退役, color: mary-orange },5: { text: 售后, c…...

编程日记 2023/10/10 16:07:39

网络攻防实战演练

在经历了多年的攻防对抗之后，大量目标单位逐渐认识到安全防护的重要性。因此，他们已采取措施尽可能收敛资产暴露面，并加倍部署各种安全设备。但安全防护注重全面性，具有明显的短板... 1、供应链在经历了多年的攻防对抗之后&…...

编程日记 2023/10/10 16:05:36

基于Keil a51汇编 —— 标准宏定义

定义标准宏标准宏定义如下： macro-name MACRO <[>parameter-list<]> <[>LOCAL local-labels<]> . . . macro-body . . .ENDMmacro-name 宏的名称 parameter-list 可以传递给宏的形式参数的可选列表 LOAD_R0 MACRO R0_ValMOV R0, #R0_…...

编程日记 2023/10/10 16:04:35

遍历List集合

1.初始化 // 写法一 List<String> list new ArrayList<>(); list.add("a"); list.add("b"); list.add("c");// 写法二 List<String> list new ArrayList(){{add（"a"）;add（&quo…...

编程日记 2023/10/10 16:03:34

k8s containerd查看镜像

直接查看crictl image会报错： 1) crictl config runtime-endpoint unix:///run/containerd/containerd.sock 2) vi /etc/crictl.yaml 3) systemctl daemon-reload 此时，再查看image:...

编程日记 2023/10/10 16:02:33

acwing.893. 集合-Nim游戏(博弈论sg函数模板)

给定 n� 堆石子以及一个由 k� 个不同正整数构成的数字集合 S�。现在有两位玩家轮流操作，每次操作可以从任意一堆石子中拿取石子，每次拿取的石子数量必须包含于集合 S�，最后无法进行操作的人视…...

编程日记 2023/10/10 16:01:32

数据安全防护：云访问安全代理（CASB）

云访问安全代理（Cloud Access Security Broker，CASB），是一款面向应用的数据防护服务，基于免应用开发改造的配置方式，提供数据加密、数据脱敏功能。数据加密支持国密算法，提供面向服务侧的字段级…...

编程日记 2023/10/10 16:00:31

面试准备-操作系统

参考： 《程序员面试笔试宝典》（何昊、叶向阳） 进程是系统进行资源分配和调度的一个独立单位。线程是进程的一个实体，是cpu调度和分配的基本单位。线程基本不拥有系统资源，只拥有必须的，但是同属于一个进程…...

编程日记 2023/10/10 15:59:30

深度学习基础知识 Batch Normalization的用法解析

深度学习基础知识 Batch Normalization的用法解析 import numpy as np import torch.nn as nn import torchdef bn_process(feature, mean, var):feature_shape feature.shapefor i in range(feature_shape[1]):# [batch, channel, height, width]feature_t feature[:, i, :,…...

编程日记 2023/10/10 15:58:29

Centos7安装MongoDB7.xxNoSQL数据库|设置开机启动(骨灰级+保姆级)

一: mongodb下载 MongoDB 社区免费下载版 MongoDB社区下载版 [rootwww tools]# wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-7.1.0-rc4.tgz 二: 解压到指定目录 [rootwww tools]# mkdir -p /usr/local/mongodb [rootwww tools]# tar -zxvf mongodb-…...

编程日记 2023/10/10 15:57:28

JDK、JRE、JVM三者之间的关系

1.JDK 基本介绍 1) JDK 的全称 (Java Development Kit Java 开发工具包 ) JDK JRE java 的开发工具 [java, javac,javadoc,javap 等 ] 2) JDK 是提供给 Java 开发人员使用的，其中包含了 java 的开发工具，也包括了 JRE 。所以安装了 JDK ，就…...

编程日记 2023/10/10 15:56:27

【ppt技巧】批量修改ppt中的字体

PPT文件中的字体想要全部更换，有什么方便的方法吗？今天分享两个方法，一键修改ppt文件字体。方法一： 找到功能栏中的编辑选项卡，点击替换 – 替换字体，在里面选择我们想要替换的字体就可以了。方法二&am…...

编程日记 2023/10/10 15:55:26

RustDay01——运行在线GitHub Rust环境

1.跟着教程进入GitHub教室 2. 授权确认后进入学习空间 3.点击链接进入在线平台 4.添加本机密钥对到GitHub 5. 安装依赖我们使用在线的Linux试验平台，就自动帮我们clone好了仓库我们直接在仓库目录执行 cargo install --force --path . 安装依赖 PS:其实刚开始…...

编程日记 2023/10/10 15:54:25

上门按摩小程序｜同城上门按摩软件开发｜上门按摩系统；

上门按摩小程序的开发具有许多优势，下面就给大家介绍下按摩小程序功能: 上门按摩小程序的优势方便快捷：上门按摩小程序提供在线预约服务，用户可以通过手机随时随地预约按摩师上门服务，避免了传统预约方式的繁琐和不确定性。个性…...

编程日记 2023/10/10 15:53:24

rpm安装mysql8后碰到的问题

1 mysqld 无法启动原因已经使用了3306端口，修改my.cnf中端口为3308 2 修改为3308端口后，还是无法启动， 2023-10-07T02:20:10.096689Z 0 [ERROR] [MY-010262] [Server] Cant start server: Bind on TCP/IP port: Permission denied 2023…...

编程日记 2023/10/10 15:51:22

Linux 磁盘管理+实例

目录一、文件系统二、添加磁盘三、查看磁盘信息（块设备） 四、分区 1、格式 1）MBR分区 2）GPT分区 2、管理分区 1）使用fdisk 2）使用gdisk 3）使用parted a.交互式 b.非交互式 3、…...

编程日记 2023/10/10 15:49:20

MongoDB——centOS7安装mongodb5.0.21版本服务端（图解版）

目录一、mongodb官网下载地址二、安装步骤2.1、上传安装包并解压2.2、配置环境变量2.3、创建目录并授权2.4、创建配置文件2.5、启动MongoDB 三、开放端口四、客户端连接一、mongodb官网下载地址 mongodb官网下载地址：https://www.mongodb.com/try/download/commu…...

编程日记 2023/10/10 15:47:18

Smart-10 多模光时域反射仪：铁路高速光纤故障首选

铁路、高速公路通信光纤线路长、环境复杂，精准检测与故障定位是运维关键。Smart-10 多模光时域反射仪集成 OTDR、光功率计、红光源等功能，为交通行业光纤运维提供高效、可靠的解决方案。Smart-10 多模光时域反射仪是一款一体化光纤综合测试仪&#xff0c…...

编程新知 2026/5/17 0:21:59

SAP F110自动付款：从零到精通的配置全景图

1. SAP F110自动付款入门指南第一次接触SAP F110自动付款功能时，我也被那一堆配置项搞得晕头转向。记得当时为了搞清楚银行确定逻辑，整整花了两天时间反复测试。现在回想起来，如果有个系统性的指导手册，至少能节省一半时间。F110…...

编程新知 2026/5/17 0:17:57

【作品集】OpenClaw-AgentOps企业级多智能体贵金属交易分析平台

项目名称：OpenClaw-AgentOps 企业级多智能体贵金属交易分析平台展示方式：保留原有项目架构图，同时加入系统真实页面切片，用“设计图实物图”的方式完整展示项目。1. 项目一句话介绍OpenClaw-AgentOps 是一个面向贵金属交易研究…...

编程新知 2026/5/16 23:57:28

AI技能开发框架实战：从标准化契约到主流AI工具集成

1. 项目概述与核心价值最近在GitHub上看到一个挺有意思的项目，叫Renol1/skill-creator-pro。光看名字，你可能会觉得这又是一个“技能创建器”，但仔细研究它的代码和设计思路，你会发现它远不止于此。这个项目本质上是一个面向开发者…...

编程新知 2026/5/16 22:45:22

GetQzonehistory终极指南：三步快速备份QQ空间全部历史说说

GetQzonehistory终极指南：三步快速备份QQ空间全部历史说说【免费下载链接】GetQzonehistory 获取QQ空间发布的历史说说项目地址: https://gitcode.com/GitHub_Trending/ge/GetQzonehistory 在数字记忆时代，QQ空间承载了无数用户的青春回忆和成长…...

编程新知 2026/5/16 21:55:42