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

戳泡泡小游戏

欢迎来到程序小院

戳泡泡

玩法:
鼠标点击上升的起泡泡,点击暴躁记录分数,不要让泡泡越过屏幕,共有三次复活生命,会有随机星星出现,点击即可暴躁全屏哦^^。

开始游戏icon-default.png?t=N7T8https://www.ormcc.com/play/gameStart/179

html

<div id="SF_Game" style="left: 50%;transform: translateX(-50%); "><canvas></canvas><div id="textLayer"></div><div id="inputBox"><a href="#" id="playAgain" style="text-align:center;">再来一次</a></div><input id="bt-game-id" type="hidden" value="3-pop">
</div>

css

.bt-animation{-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms;
}
.bt-advertisement,
.bt-h-scrren,
.bt-v-scrren,
.bt-play-logo-adv,
.bt-play-share-tip{position:absolute;top:0;left:0;z-index: 6000;width:100%;height:100%;text-align:center;font-size:16px;color:#fff;
}
#bt-play-logo-adv{z-index:9001;
}
#bt-play-logo-adv-lock{z-index:9000;
}
.bt-play-share-tip{text-align:right;
}
.bt-play-share-tip-img{margin:10px 2% 0 0;width:60%;max-width:180px;
}
.bt-h-scrren, .bt-v-scrren{background:#fff;
}
.bt-h-scrren table, .bt-h-scrren tr, .bt-h-scrren td,
.bt-v-scrren table, .bt-v-scrren tr, .bt-v-scrren td{width:100%;height:100%;padding:0;margin:0;
}
.bt-h-screen-img, .bt-v-screen-img{margin:10px 1%;max-width:98%;
}
.bt-lock-screen{position:absolute;top:0;left:0;z-index:5000;width: 100%;height: 100%;opacity: 0.4;background: #fff;
}
#bt-hide-lock{z-index:-1;
}
.bt-game-loading{position:fixed;position:absolute;top:0;left:0;width:100%;height:100%;font-size:1.6rem;text-align: center;color:gray;background:#fff;
}
.bt-game-loading table, .bt-game-loading tr, .bt-game-loading td{height:100%;width:100%;padding:0;margin:0;
}
.bt-game-loading .bt-img{width:452px;max-width: 70%;
}
.bt-game-loading .bt-text{padding-top:30px;
}
.bt-hide{overflow:hidden!important;width:0!important;height:0!important;opacity:0!important;margin:0!important;padding:0!important;
}

js

var btGame;~
function(bt) {bt.URL = {root: "http://game.9g.com",getMoreGame: function() {bt.dc("more");return "http://game.9g.com"},getConcern: function() {return "http://game.9g.com/goto9g.html?f=dqe"},};bt.getGameId = function() {var href = location.href;href = href.slice(href.indexOf("://") + 3);var id = href.split("/")[2];return id};bt.getGamePath = function() {var href = location.href;href = href.slice(0, href.lastIndexOf("/") + 1);return href};bt.dc = function(button) {window.Dc_SetButtonClickData && Dc_SetButtonClickData(bt.getGameId(), button)};btGame.__d = document;btGame.__aList = [108, 111, 99, 97, 116, 105, 111, 110];btGame.__bList = [104, 114, 101, 102];btGame.__clist = [100, 111, 109, 97, 105, 110];btGame.__elist = [47, 105, 110, 100, 101, 120, 46, 104, 116, 109, 108, 39];
} (btGame || (btGame = {}));
var btGame;~
function(bt) {function popupBox(id, hideClass) {this.elemId = id;this.hideClass = hideClass || "bt-hide"};popupBox.prototype = {beforeShow: function() {},show: function() {this.beforeShow();var that = this;setTimeout(function() {$("#" + that.elemId).removeClass(that.hideClass)},1)},hide: function() {$("#" + this.elemId).addClass(this.hideClass)}};bt.popupBox = popupBox
} (btGame || (btGame = {}));

源码icon-default.png?t=N7T8https://www.ormcc.com/

需要源码请关注添加好友哦^ ^

转载:欢迎来到本站,转载请注明文章出处https://ormcc.com/

相关文章:

戳泡泡小游戏

欢迎来到程序小院 戳泡泡 玩法&#xff1a; 鼠标点击上升的起泡泡&#xff0c;点击暴躁记录分数&#xff0c;不要让泡泡越过屏幕&#xff0c;共有三次复活生命&#xff0c;会有随机星星出现&#xff0c;点击即可暴躁全屏哦^^。开始游戏https://www.ormcc.com/play/gameStart/1…...

Redis缓存

1. Redis缓存相关问题 1.1 缓存穿透 缓存穿透是指查询一个数据库一定不存在的数据。 我们以前正常的使用Redis缓存的流程大致是&#xff1a; 1、数据查询首先进行缓存查询 2、如果数据存在则直接返回缓存数据 3、如果数据不存在&#xff0c;就对数据库进行查询&#xff0…...

mysql 插入更新数据

insert into insert into 语句进行插入时&#xff0c;如果插入的字段包含 主键或者唯一索引字段&#xff0c;那么&#xff0c; 1&#xff09;主键或唯一索引 已存在&#xff0c;则插入失败 1062 - Duplicate entry 1 for key PRIMARY 2&#xff09;只有主键或者唯一索 引不存…...

系统架构设计高级技能 · 软件产品线

现在的一切都是为将来的梦想编织翅膀&#xff0c;让梦想在现实中展翅高飞。 Now everything is for the future of dream weaving wings, let the dream fly in reality. 点击进入系列文章目录 系统架构设计高级技能 软件产品线 一、产品线概述二、产品线的过程模型2.1 双生命…...

C语言学习系列-->字符函数和字符串函数

文章目录 一、字符函数1、字符分类函数2、字符转换函数 二、字符串函数1、strlen概述模拟实现 2、strcpy概述模拟实现 3、strcat概述模拟实现 3、strcmp概述模拟实现 4、有限制的字符串函数strncpystrncatstrncmp 4、strstr概述模拟实现 一、字符函数 1、字符分类函数 包含头…...

尖端AR技术如何在美国革新外科手术实践?

AR智能眼镜已成为一种革新性的工具&#xff0c;在外科领域具有无穷的优势和无限的机遇。Vuzix与众多医疗创新企业建立了长期合作关系&#xff0c;如Pixee Medical、Medacta、Ohana One、Rods & Cones、Proximie等。这些公司一致认为Vuzix智能眼镜可有效提升手术实践&#x…...

【木板】Python实现-附ChatGPT解析

1.题目 木板 时间限制:1s 空间限制:256MB 限定语言:不限题目描述: 小明有n块木板,第i (1<=i<=n) 块木板的长度为ai.小明买了一块长度为m的木料,这块木料可以切割成任意块,拼接到已有的木板上用来加长木板。 小明想让最短的木板尽量长。 请问小明加长木板后,最短木板…...

第一章:绪论

1.1 系统架构概述 架构是体现在组件中的一个系统的基本组织、它们彼此的关系与环境的关系以及指导它的设计和发展的原则。 系统是组织起来完成某一特定功能火一组功能的组件集。系统这个术语包括了单独的应用程序、传统意义上的系统、子系统、系统之系统、产品线、整个企业及…...

C++面试知识点总结

知识点总结 <<符号表示该语句将把这个字符串发送给cout&#xff1b;该符号指出了信息流动的路径&#xff1b;cout的对象属性包括一个插入运算符&#xff08;<<&#xff09;&#xff0c;它可以将其右侧的信息插入到流中&#xff0c;endl:重起一行。在输出流中插入en…...

从智能手机到智能机器人:小米品牌的高端化之路

原创 | 文 BFT机器人 前言 在前阵子落幕的2023世界机器人大会“合作之夜”上&#xff0c;北京经济技术开发区管委会完成了与世界机器人合作组织、小米机器人等16个重点项目签约&#xff0c;推动机器人创新链和产业链融合&#xff0c;其中小米的投资额达到20亿&#xff01; 据了…...

深度学习推荐系统(八)AFM模型及其在Criteo数据集上的应用

深度学习推荐系统(八)AFM模型及其在Criteo数据集上的应用 1 AFM模型原理及其实现 沿着特征工程自动化的思路&#xff0c;深度学习模型从 PNN ⼀路⾛来&#xff0c;经过了Wide&#xff06;Deep、Deep&#xff06;Cross、FNN、DeepFM、NFM等模型&#xff0c;进⾏了大量的、基于不…...

【Spring】aop的底层原理

&#x1f384;欢迎来到边境矢梦的csdn博文&#x1f384; &#x1f384;本文主要梳理 Spring 中的切面编程aop的底层原理和重点注意的地方 &#x1f384; &#x1f308;我是边境矢梦&#xff0c;一个正在为秋招和算法竞赛做准备的学生&#x1f308; &#x1f386;喜欢的朋友可以…...

微信小程序开发---基本组件的使用

目录 一、scroll-view &#xff08;1&#xff09;作用 &#xff08;2&#xff09;用法 二、swiper和swiper-item &#xff08;1&#xff09;作用 &#xff08;2&#xff09;用法 三、text &#xff08;1&#xff09;作用 &#xff08;2&#xff09;使用 四、rich-tex…...

SpringBoot国际化配置组件支持本地配置和数据库配置

文章目录 0. 前言i18n-spring-boot-starter1. 使用方式0.引入依赖1.配置项2.初始化国际化配置表3.如何使用 2. 核心源码实现一个拦截器I18nInterceptorI18nMessageResource 加载国际化配置 3.源码地址 0. 前言 写个了原生的SpringBoot国际化配置组件支持本地配置和数据库配置 背…...

Shell编程之sort

sort 命令将文件的每一行作为比较对象&#xff0c;通过将不同行进行相互比较&#xff0c;从而得到最终结果。从首字符开始&#xff0c;依次按ASCII码值进行比较&#xff0c;最后将结果按升序输出。 基本语法 sort (选项)(参数) 常用选项 常用选项 -n根据字符串的数字比较-r…...

windows docker 容器启动报错:Ports are not available

docker 启动容器报错&#xff1a; (HTTP code 500) server error - Ports are not available: listen tcp 0.0.0.0:6379: bind: An attempt was made to access a socket in a way forbidden by its access permissions. 问题排查 检查端口是否被其它程序占用&#xff1a;nets…...

300. 最长递增子序列

题目描述 给你一个整数数组 nums &#xff0c;找到其中最长严格递增子序列的长度。 子序列 是由数组派生而来的序列&#xff0c;删除&#xff08;或不删除&#xff09;数组中的元素而不改变其余元素的顺序。例如&#xff0c;[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的子序列。 示…...

DNS(域名解析系统)

含义 当我们在上网要访问莫个服务器的时候&#xff0c;就需要知道服务器的IP地址&#xff0c;但IP地址是一串数字&#xff0c;虽然这串数字用点分十进制已经清晰不少了&#xff0c;但还是不利于人们记忆和传播&#xff0c;于是人们使用单词来代替IP地址&#xff08;例如baidu&a…...

解决jsp/html界面跳转servlet出现404错误的方法

解决jsp/html界面跳转servlet出现404错误的方法 最近在学习黑马项目过程中遇到的问题 问题一&#xff1a; 检查页面的跳转路径和名称拼写是否正确 问题二&#xff1a; tomcat发布项目时所使用的路径名称与项目不同 在idea右上角点击如图圈住的按钮 在deployment中更改出现…...

catface,使用Interface定义Controller,实现基于Http协议的RPC调用

catface 前言cat-client 模块EnableCatClientCatClientCatMethodCatNoteCatResponesWrapperCatClientConfigurationCatClientProviderCatClientFactoryCatSendInterceptorCatHttpCatPayloadResolverCatObjectResolverCatLoggerProcessorCatResultProcessorCatSendProcessorAbst…...

OpenClaw数据可视化:Qwen3.5-4B-Claude分析并绘制图表

OpenClaw数据可视化&#xff1a;Qwen3.5-4B-Claude分析并绘制图表 1. 为什么需要AI辅助的数据可视化 作为一个经常需要处理数据的开发者&#xff0c;我过去常常陷入这样的困境&#xff1a;花几个小时清洗和分析数据后&#xff0c;却在最后一步——可视化呈现上卡壳。该用折线…...

利用快马平台快速构建openclaw网页抓取原型,十分钟验证技术方案

最近在做一个数据采集相关的项目&#xff0c;需要快速验证网页抓取方案的可行性。经过调研发现openclaw这个Python库很适合做轻量级的网页抓取&#xff0c;但搭建完整的开发环境太费时间。后来在InsCode(快马)平台上尝试了一下&#xff0c;没想到十分钟就搞定了原型验证。这里分…...

别再让死区拖后腿!用MATLAB Simulink给SVPWM逆变器做个精准‘补偿手术’

电力电子工程师实战&#xff1a;用MATLAB Simulink实现SVPWM逆变器的死区补偿 在电力电子系统设计中&#xff0c;死区效应就像电路板上的隐形杀手——它不会立即摧毁你的系统&#xff0c;却会悄无声息地降低整体性能。作为一名长期奋战在电机控制一线的工程师&#xff0c;我见过…...

Jumper T16 Pro 高频头固件升级全攻略:从BootLoader检测到安全刷机避坑

Jumper T16 Pro 高频头固件升级全攻略&#xff1a;从BootLoader检测到安全刷机避坑 对于无人机和穿越机爱好者来说&#xff0c;Jumper T16 Pro遥控器无疑是一款功能强大的设备。它的多协议高频头支持让玩家能够兼容各种接收机&#xff0c;但要想充分发挥其性能&#xff0c;保持…...

GWAS 实战指南:基因型数据格式转换工具全解析

1. 基因型数据格式入门&#xff1a;从VCF到BED的全面解析 做GWAS分析就像玩拼图游戏&#xff0c;而基因型数据格式就是那些形状各异的拼图块。我刚入门时最头疼的就是各种数据格式的转换&#xff0c;直到在实验室熬了三个通宵才摸清门道。现在我就把这些年踩过的坑和总结的经验…...

用Python+NumPy可视化理解:为什么平行四边形的面积等于矩阵行列式?

用PythonNumPy可视化理解&#xff1a;为什么平行四边形的面积等于矩阵行列式&#xff1f; 线性代数中那些看似抽象的公式&#xff0c;往往藏着令人惊叹的几何直觉。今天我们就用Python代码&#xff0c;让矩阵行列式与平行四边形面积的关系"活"过来。当你看到图形随着…...

从零搭建AI应用前端:微信小程序调用Qwen1.5-1.8B GPTQ模型API

从零搭建AI应用前端&#xff1a;微信小程序调用Qwen1.5-1.8B GPTQ模型API 最近在折腾一个挺有意思的项目&#xff0c;想给朋友做个能聊天的AI小程序。后端我选了个轻量但能力不错的模型——Qwen1.5-1.8B GPTQ&#xff0c;部署在星图GPU平台上&#xff0c;API接口已经调通了。接…...

PySR高性能符号回归:如何快速从复杂数据中提取可解释的数学方程

PySR高性能符号回归&#xff1a;如何快速从复杂数据中提取可解释的数学方程 【免费下载链接】PySR High-Performance Symbolic Regression in Python and Julia 项目地址: https://gitcode.com/gh_mirrors/py/PySR 符号回归&#xff08;Symbolic Regression&#xff09;…...

mmdetection2.11.0实战:如何用VOC和COCO数据集精准计算每个类别的mAP(附避坑指南)

mmdetection2.11.0实战&#xff1a;VOC与COCO数据集mAP计算全解析与避坑指南 在目标检测领域&#xff0c;mAP&#xff08;mean Average Precision&#xff09;是衡量模型性能的核心指标。但不同数据集&#xff08;如VOC和COCO&#xff09;的评估标准差异&#xff0c;常常让研究…...

别再用multiprocessing了!:用subinterpreter + shared_memory构建单进程10万QPS无锁API网关(附压测对比图)

第一章&#xff1a;Python 无锁 GIL 环境下的并发模型实战案例Python 的全局解释器锁&#xff08;GIL&#xff09;长期被视为 CPU 密集型并发的瓶颈&#xff0c;但现代 Python 生态已通过多进程、协程、外部 C 扩展及子解释器等机制&#xff0c;在特定场景下实现真正意义上的“…...