斗地主小游戏
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>斗地主</title><style>.game-container {width: 1000px;height: 700px;margin: 0 auto;position: relative;background: #35654d;border-radius: 10px;padding: 20px;}.player-area {position: absolute;padding: 10px;}#player1 {left: 20px;top: 40%;transform: translateY(-50%);width: 100px;height: 400px;}#player2 {right: 20px;top: 40%;transform: translateY(-50%);width: 100px;height: 400px;}.played-area.vertical-cards .card {margin-bottom: -50px;transform-origin: center;margin-right: 0;display: block;/* 改为块级元素实现垂直排列 */}#player1Played {left: 160px;top: 45%;transform: translateY(-50%);width: 100px;/* 调整宽度适应单张牌 */height: 200px;display: flex;flex-direction: column;/* 垂直方向排列 */align-items: center;}#player2Played {right: 160px;top: 45%;transform: translateY(-50%);width: 100px;/* 调整宽度适应单张牌 */height: 200px;display: flex;flex-direction: column;/* 垂直方向排列 */align-items: center;}#playerHand {bottom: 60px;left: 50%;transform: translateX(-50%);width: 740px;height: 120px;}.vertical-cards .card {margin-bottom: -50px;transform-origin: center;margin-right: 0;}.vertical-cards .card {margin-bottom: -50px;transform-origin: center;margin-right: 0;}.played-area {position: absolute;width: 200px;height: 100px;background: rgba(255, 255, 255, 0.1);border-radius: 5px;display: flex;justify-content: center;align-items: center;}#playerPlayed {left: 50%;bottom: 220px;transform: translateX(-50%);}.card {display: inline-block;width: 50px;height: 70px;background: white;border: 1px solid #000;margin-right: -25px;text-align: left;padding: 5px;cursor: pointer;user-select: none;position: relative;vertical-align: top;font-weight: bold;}.card::before {content: attr(data-value);position: absolute;top: 2px;left: 2px;font-size: 12px;}.card:hover {transform: translateY(-14px);transition: transform 0.2s ease;}.card.selected {transform: translateY(-14px);background: #ffeb3b;}#player1 .card {transform: rotate(90deg);margin-bottom: -50px;}#player2 .card {transform: rotate(-90deg);margin-bottom: -50px;}#player1Played .card {transform: rotate(90deg);margin-bottom: -50px;vertical-align: top;}/* #player2Played .card {transform: rotate(-90deg);margin-bottom: -50px;vertical-align: top;} */#player2Played .card {transform: rotate(-90deg);margin-bottom: -50px;vertical-align: top;position: relative;/* 添加相对定位 */}#player2Played .card:nth-child(1) {z-index: 10;}#player2Played .card:nth-child(2) {z-index: 9;}#player2Played .card:nth-child(3) {z-index: 8;}#player2Played .card:nth-child(4) {z-index: 7;}#player2Played .card:nth-child(5) {z-index: 6;}#player2Played .card:nth-child(6) {z-index: 5;}#player2Played .card:nth-child(7) {z-index: 4;}#player2Played .card:nth-child(8) {z-index: 3;}#player2Played .card:nth-child(9) {z-index: 2;}#player2Played .card:nth-child(10) {z-index: 1;}.vertical-cards .card:hover {transform: rotate(-90deg) translateX(-14px);}#player2 .card:hover {transform: rotate(90deg) translateX(-14px);}.vertical-cards .card.selected {transform: rotate(-90deg) translateX(-14px);}#player2 .card.selected {transform: rotate(90deg) translateX(-14px);}.card.red {color: red;}.card.black {color: black;}.card.joker {color: #ff4081;}.card.jokerSmall {color: black;}.played-cards {position: absolute;top: 50%;left相关文章：
斗地主小游戏
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>斗地主</title><style>.game-container {width: 1000px;height: 700px;margin: 0 auto;position: relative;background: #35654d;border-radius: 10px;padding…...
如何改变怂怂懦弱的气质（2）
你是否曾经因为害怕失败而逃避选择？是否因为不敢拒绝别人而让自己陷入困境？是否因为过于友善而被人轻视？如果你也曾为这些问题困扰，那么今天的博客就是为你准备的。我们将从行动、拒绝、自我认知、实力提升等多个角度，…...
C# OnnxRuntime部署DAMO-YOLO人头检测
目录 说明 效果 模型信息 项目 代码 下载 参考 说明 效果 模型信息 Model Properties ------------------------- --------------------------------------------------------------- Inputs ------------------------- name：input tensor：Floa…...
基于GeoTools的GIS专题图自适应边界及高宽等比例生成实践
目录 前言 一、原来的生成方案问题 1、无法自动读取数据的Bounds 2、专题图高宽比例不协调 二、专题图生成优化 1、直接读取矢量数据的Bounds 2、专题图成果抗锯齿 3、专题成果高宽比例自动调节 三、总结 前言 在当今数字化浪潮中，地理信息系统（…...
各种DCC软件使用Datasmith导入UE教程
3Dmax: 先安装插件 https://www.unrealengine.com/zh-CN/datasmith/plugins 左上角导出即可 虚幻中勾选3个插件,重启引擎 左上角选择文件导入即可 Blender导入Datasmith进UE 需要两个插件, 文章最下方链接进去下载安装即可 一样的,直接导出,然后UE导入即可 C4D 直接保存成…...
尚硅谷爬虫note15
一、当当网 1. 保存数据 数据交给pipelines保存 items中的类名： DemoNddwItem class DemoNddwItem(scrapy.Item): 变量名 类名（） book DemoNddwItem(src src, name name, price price)导入： from 项目名.items import 类…...
云原生系列之本地k8s环境搭建
前置条件 Windows 11 家庭中文版，版本号 23H2 云原生环境搭建 操作系统启用wsl(windows subsystem for linux) 开启wsl功能，如下图 安装并开启github加速器 FastGithub 2.1 下载地址：点击下载 2.2 解压安装文件fastgithub_win-x64.zip 2…...
关于tomcat使用中浏览器打开index.jsp后中文显示不正常是乱码，但英文正常的问题
如果是jsp文件就在首行加 “<% page language"java" contentType"text/html; charsetUTF-8" pageEncoding"UTF-8" %>” 如果是html文件 在head标签加入： <meta charset"UTF-8"> 以jsp为例子，我们…...
mysql foreign_key_checks
foreign_key_checks是一个用于设置是否在DML/DDL操作中检查外键约束的系统变量。该变量默认启用，通常在正常操作期间启用以强制执行参照完整性。 功能描述 foreign_key_checks用于控制是否在DML（数据操纵语言）和DDL（数据定义…...
开发环境搭建-06.后端环境搭建-前后端联调-Nginx反向代理和负载均衡概念
一.前后端联调 我们首先来思考一个问题 前端的请求地址是：http://localhost/api/employee/login 后端的接口地址是：http://localhost:8080/admin/employee/login 明明请求地址和接口地址不同，那么前端是如何请求到后端接口所响应回来的数…...
REST API前端请求和后端接收
1、get请求，带"?" http://localhost:8080/api/aop/getResult?param123 GetMapping("getResult")public ResponseEntity<String> getResult(RequestParam("param") String param){return new ResponseEntity<>("12…...
道可云人工智能每日资讯｜《奇遇三星堆》VR沉浸探索展（淮安站）开展
道可云元宇宙每日简报（2025年3月5日）讯，今日元宇宙新鲜事有： 《奇遇三星堆》VR沉浸探索展（淮安站）开展 近日，《奇遇三星堆》VR沉浸探索展（淮安站）开展。该展将三星堆文…...
服务器数据恢复—raid5阵列中硬盘掉线导致上层应用不可用的数据恢复案例
服务器数据恢复环境&故障： 某公司一台服务器，服务器上有一组由8块硬盘组建的raid5磁盘阵列。 磁盘阵列中2块硬盘的指示灯显示异常，其他硬盘指示灯显示正常。上层应用不可用。 服务器数据恢复过程： 1、将服务器中所有硬盘编号…...
【Pandas】pandas Series swaplevel
Pandas2.2 Series Computations descriptive stats 方法描述Series.argsort([axis, kind, order, stable])用于返回 Series 中元素排序后的索引位置的方法Series.argmin([axis, skipna])用于返回 Series 中最小值索引位置的方法Series.argmax([axis, skipna])用于返回 Series…...
esp32s3聊天机器人（二）
继续上文，硬件软件准备齐全，介绍一下主要用到的库 sherpa-onnx 开源的，语音转文本、文本转语音、说话人分类和 VAD，关键是支持C#开发 OllamaSharp 用于连接ollama，如其名C#开发 虽然离可玩还有一段距离࿰…...
pyside6学习专栏(九):在PySide6中使用PySide6.QtCharts绘制6种不同的图表的示例代码
PySide6的QtCharts类支持绘制各种型状的图表，如面积区域图、饼状图、折线图、直方图、线条曲线图、离散点图等，下面的代码是采用示例数据绘制这6种图表的示例代码,并可实现动画显示效果，实际使用时参照代码中示例数据的格式将实际数据替换即可…...
DVI分配器2进4出，2进8出，2进16出，120HZ
DVI（Digital Visual Interface）分配器GEFFEN/HDD系列是一种设备，它能够将一个DVI信号源的内容复制到多个显示设备上。根据您提供的信息，这里我们关注的是具有2个输入端口和多个（4个、8个或16个）输出端口的D…...
迷你世界脚本文字板接口：Graphics
文字板接口：Graphics 彼得兔 更新时间: 2024-08-27 11:12:18 具体函数名及描述如下: 序号 函数名 函数描述 1 makeGraphicsText(...) 创建文字板信息 2 makeflotageText(...) 创建漂浮文字信息 3 makeGraphicsProgress(...) 创建进度条信息…...
5分钟速览深度学习经典论文 —— attention is all you need
《Attention is All You Need》是一篇极其重要的论文，它提出的 Transformer 模型和自注意力机制不仅推动了 NLP 领域的发展，还对整个深度学习领域产生了深远影响。这篇论文的重要性体现在其开创性、技术突破和广泛应用上，是每一位深度学习研究…...
Cursor + IDEA 双开极速交互
相信很多开发者朋友应该和我一样吧，都是Cursor和IDEA双开的开发模式:在Cursor中快速编写和生成代码，然后在IDEA中进行调试和优化 在这个双开模式的开发过程中，我就遇到一个说大不大说小不小的问题： 得在两个编辑器之间来回切换查…...
基于Uniapp开发HarmonyOS 5.0旅游应用技术实践
一、技术选型背景 1.跨平台优势 Uniapp采用Vue.js框架，支持"一次开发，多端部署"，可同步生成HarmonyOS、iOS、Android等多平台应用。 2.鸿蒙特性融合 HarmonyOS 5.0的分布式能力与原子化服务，为旅游应用带来…...
相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）
【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。 通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...
selenium学习实战【Python爬虫】
selenium学习实战【Python爬虫】 文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装 四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码 五、报告文件爬取5.1 提…...
day36-多路IO复用
一、基本概念 （服务器多客户端模型） 定义：单线程或单进程同时监测若干个文件描述符是否可以执行IO操作的能力 作用：应用程序通常需要处理来自多条事件流中的事件，比如我现在用的电脑，需要同时处理键盘鼠标…...
消防一体化安全管控平台：构建消防“一张图”和APP统一管理
在城市的某个角落，一场突如其来的火灾打破了平静。熊熊烈火迅速蔓延，滚滚浓烟弥漫开来，周围群众的生命财产安全受到严重威胁。就在这千钧一发之际，消防救援队伍迅速行动，而豪越科技消防一体化安全管控平台构建的消防“…...
LangChain 中的文档加载器（Loader）与文本切分器（Splitter）详解《二》
🧠 LangChain 中 TextSplitter 的使用详解：从基础到进阶（附代码） 一、前言 在处理大规模文本数据时，特别是在构建知识库或进行大模型训练与推理时，文本切分（Text Splitting） 是一个…...
Redis上篇--知识点总结
Redis上篇–解析 本文大部分知识整理自网上，在正文结束后都会附上参考地址。如果想要深入或者详细学习可以通过文末链接跳转学习。 1. 基本介绍 Redis 是一个开源的、高性能的 内存键值数据库，Redis 的键值对中的 key 就是字符串对象，而 val…...
CMS内容管理系统的设计与实现：多站点模式的实现
在一套内容管理系统中，其实有很多站点，比如企业门户网站，产品手册，知识帮助手册等，因此会需要多个站点，甚至PC、mobile、ipad各有一个站点。 每个站点关联的有站点所在目录及所属的域名。 一、站点表设计…...
ZYNQ学习记录FPGA(二)Verilog语言
一、Verilog简介 1.1 HDL（Hardware Description language） 在解释HDL之前，先来了解一下数字系统设计的流程：逻辑设计 -> 电路实现 -> 系统验证。 逻辑设计又称前端，在这个过程中就需要用到HDL，正文…...
【笔记】AI Agent 项目 SUNA 部署 之 Docker 构建记录
#工作记录 构建过程记录 Microsoft Windows [Version 10.0.27871.1000] (c) Microsoft Corporation. All rights reserved.(suna-py3.12) F:\PythonProjects\suna>python setup.py --admin███████╗██╗ ██╗███╗ ██╗ █████╗ ██╔════╝…...