斗地主小游戏
<!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中进行调试和优化 在这个双开模式的开发过程中，我就遇到一个说大不大说小不小的问题： 得在两个编辑器之间来回切换查…...
Xshell远程连接Kali（默认 | 私钥）Note版
前言:xshell远程连接，私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...
基于ASP.NET+ SQL Server实现（Web）医院信息管理系统
医院信息管理系统 1. 课程设计内容 在 visual studio 2017 平台上，开发一个“医院信息管理系统”Web 程序。 2. 课程设计目的 综合运用 c#.net 知识，在 vs 2017 平台上，进行 ASP.NET 应用程序和简易网站的开发；初步熟悉开发一…...
Java如何权衡是使用无序的数组还是有序的数组
在 Java 中，选择有序数组还是无序数组取决于具体场景的性能需求与操作特点。以下是关键权衡因素及决策指南： ⚖️ 核心权衡维度 维度有序数组无序数组查询性能二分查找 O(log n) ✅线性扫描 O(n) ❌插入/删除需移位维护顺序 O(n) ❌直接操作尾部 O(1) ✅内存开销与无序数组相…...
WEB3全栈开发——面试专业技能点P2智能合约开发（Solidity）
一、Solidity合约开发 下面是 Solidity 合约开发 的概念、代码示例及讲解，适合用作学习或写简历项目背景说明。 🧠 一、概念简介：Solidity 合约开发 Solidity 是一种专门为 以太坊（Ethereum）平台编写智能合约的高级编…...
【Java_EE】Spring MVC
目录 Spring Web MVC 编辑注解 RestController RequestMapping RequestParam RequestParam RequestBody PathVariable RequestPart 参数传递 注意事项 编辑参数重命名 RequestParam 编辑编辑传递集合 RequestParam 传递JSON数据 编辑RequestBody …...
拉力测试cuda pytorch 把 4070显卡拉满
import torch import timedef stress_test_gpu(matrix_size16384, duration300):"""对GPU进行压力测试，通过持续的矩阵乘法来最大化GPU利用率参数:matrix_size: 矩阵维度大小，增大可提高计算复杂度duration: 测试持续时间（秒&…...
涂鸦T5AI手搓语音、emoji、otto机器人从入门到实战
“🤖手搓TuyaAI语音指令 😍秒变表情包大师，让萌系Otto机器人🔥玩出智能新花样！开整！” 🤖 Otto机器人 → 直接点明主体 手搓TuyaAI语音 → 强调 自主编程/自定义 语音控制（TuyaAI…...
CSS设置元素的宽度根据其内容自动调整
width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整，确保宽度刚好容纳内容而不会超出。 效果对比 默认情况（width: auto）： 块级元素（如 <div>）会占满父容器…...
论文笔记——相干体技术在裂缝预测中的应用研究
目录 相关地震知识补充地震数据的认识地震几何属性 相干体算法定义基本原理第一代相干体技术：基于互相关的相干体技术（Correlation）第二代相干体技术：基于相似的相干体技术（Semblance）基于多道相似的相干体…...
免费数学几何作图web平台
光锐软件免费数学工具，maths,数学制图，数学作图，几何作图，几何，AR开发,AR教育,增强现实,软件公司,XR,MR,VR,虚拟仿真,虚拟现实,混合现实,教育科技产品,职业模拟培训,高保真VR场景,结构互动课件,元宇宙http://xaglare.c…...