华为应用市场有什么虚拟定位软件

在线演示 http://img.jb51.net/online/pintu/pintu.htm

复制代码代码如下:

<html> 
<head> 
<title>JS拼图游戏</title> 
<style> 
    body{ 
        font-size:9pt; 
    } 
table{ 
border-collapse: collapse; 
} 
input{ 
    width:20px; 
} 
</style> 
</head> 
<body> 
    JS原创作品：JS拼图游戏<br> 
    注释完整， 面向对象<br> 
    转载请注明来自<a href="http://blog.csdn.net/sunxing007">http://blog.csdn.net/sunxing007</a><br> 
    <input type="text" id="lines" value='3'/>行<input type="text" id="cols" value='3'/>列    <button id="start"> 开 始 </button><br> 
<table id="board" border=1 cellspacing=0 cellpadding=0> 
        <tr><td></td><td></td><td></td></tr> 
        <tr><td></td><td></td><td></td></tr> 
</table> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<img id='img' src="http://img.jb51.net/online/pintu/dog.jpg" style="" /><br> 
转载请注明来自<a href="http://blog.csdn.net/sunxing007">http://blog.csdn.net/sunxing007</a><br> 
</body> 
</html> 
<script> 
//ie7以下默认不缓存背景图像，造成延迟和闪烁，修正此bug. 
//（csdn网友wtcsy提供http://blog.csdn.net/wtcsy/） 
try{ 
document.execCommand("BackgroundImageCache", false, true); 
}catch(e){alert(e)}; 
    //辅助函数 
    function $(id){return document.getElementById(id)}; 
    /************************************************* 
    * js拼图游戏 v1.6 
    * 作者 sunxing007 
    * 转载请注明来自http://blog.csdn.net/sunxing007 
    **************************************************/ 
    var PicGame = { 
            //行数 
            x: 3, 
            //列数 
            y: 3, 
            //图片源 
            img: $('img'), 
            //单元格高度 
            cellHeight: 0, 
            //单元格宽度 
            cellWidth: 0, 
            //本游戏最主要的对象：表格，每个td对应着一个可以移动的小格子 
            board: $('board'), 
            //初始函数 
            init: function(){ 
                        //确定拼图游戏的行数和列数 
                        this.x = $('lines').value>1?$('lines').value : 3; 
                        this.y = $('cols').value>1?$('cols').value : 3; 
                        //删除board原有的行 
                        while(this.board.rows.length>0){ 
                                this.board.deleteRow(0); 
                        } 
                        //按照行数和列数重新构造board 
                        for(var i=0; i<this.x; i++){ 
                                var tr = this.board.insertRow(-1); 
                                for(var j=0; j<this.y; j++){ 
                                        var td=tr.insertCell(-1); 
                                } 
                        } 
                        //计算单元格高度和宽度 
                        this.cellHeight = this.img.height/this.x; 
                        this.cellWidth = this.img.width/this.y; 
                        //获取所有的td 
                        var tds = this.board.getElementsByTagName('td'); 
                        //对每个td， 设置样式 
                     for(var i=0; i<tds.length-1; i++){ 
                             tds[i].style.width = this.cellWidth; 
                             tds[i].style.height = this.cellHeight; 
                             tds[i].style.background = "url(" + this.img.src + ")"; 
                             tds[i].style.border = "solid #ccc 1px"; 
                             var currLine = parseInt(i/this.y); 
                             var currCol = i%this.y; 
                             //这里最重要，计算每个单元格的背景图的位置，使他们看起来像一幅图像 
                             tds[i].style.backgroundPositionX = -this.cellWidth * currCol; 
                             tds[i].style.backgroundPositionY = -this.cellHeight * currLine; 
                     } 
                     /** begin: 打乱排序*******************/ 
                     /** 
                     *    打乱排序的算法是这样的：比如我当前是3*3布局， 
                     * 则我为每一个td产生一个目标位置，这些目标位置小于9且各不相同， 
                     * 然后把它们替换到那个地方。 
                     **/ 

                     //目标位置序列 
                     var index = []; 
                     index[0] = Math.floor(Math.random()*(this.x*this.y)); 
                     while(index.length<(this.x*this.y)){ 
                     var num = Math.floor(Math.random()*(this.x*this.y)); 
                     for(var i=0; i<index.length; i++){ 
                     if(index[i]==num){ 
                     break; 
                     } 
                     } 
                     if(i==index.length){ 
                     index[index.length] = num; 
                     } 
                     //window.status = index; 
                     } 
                     var cloneTds = []; 
                     //把每个td克隆， 然后依据目标位置序列index，替换到目标位置 
                     for(var i=0; i<tds.length; i++){ 
                     cloneTds.push(tds[i].cloneNode(true)); 
                     } 
                     for(var i=0; i<index.length; i++){ 
                     tds[i].parentNode.replaceChild(cloneTds[index[i]],tds[i]); 
                     } 
                     /** end: 打乱排序*********************/ 

                     //为每个td添加onclick事件。 
                     tds = this.board.getElementsByTagName('td'); 
                     for(var i=0; i<tds.length; i++){ 
                             tds[i].onclick = function(){ 
                             //被点击对象的坐标 
                         var row = this.parentNode.rowIndex; 
                         var col = this.cellIndex; 
                         //window.status = "row:" + row + " col:" + col; 
                         //空白方块的坐标 
                         var rowBlank = 0; 
                         var colBlank = 0; 
                         //reachable表示当前被点击的方块是否可移动 
                         var reachable = false; 
                         if(row+1<PicGame.x && PicGame.board.rows[row+1].cells[col].style.background == ''){ 
                         rowBlank = row + 1; 
                         colBlank = col; 
                         reachable = true; 
                         //window.status +=" reachable! rowBlank: " + rowBlank + " colBlank:" + colBlank; 
                         } 
                         else if(row-1>=0 && PicGame.board.rows[row-1].cells[col].style.background == ''){ 
                         rowBlank = row - 1; 
                         colBlank = col; 
                         reachable = true; 
                         //window.status +=" reachable! rowBlank: " + rowBlank + " colBlank:" + colBlank; 
                         } 
                         else if(col+1<PicGame.y && PicGame.board.rows[row].cells[col+1].style.background == ''){ 
                         rowBlank = row; 
                         colBlank = col + 1; 
                         reachable = true; 
                         //window.status +=" reachable! rowBlank: " + rowBlank + " colBlank:" + colBlank; 
                         } 
                         else if(col-1>=0 && PicGame.board.rows[row].cells[col-1].style.background == ''){ 
                         rowBlank = row; 
                         colBlank = col - 1; 
                         reachable = true; 
                         //window.status +=" reachable! rowBlank: " + rowBlank + " colBlank:" + colBlank; 
                         } 
                         else{ 
                         //window.status +=" unreachable!"; 
                         reachable = false; 
                         } 
                         //如果可移动，则把当前方块和空白方块交换 
                         if(reachable){ 
                         var tmpBlankNode = PicGame.board.rows[rowBlank].cells[colBlank].cloneNode(true); 
                         //需要注意的是克隆对象丢失了onclick方法，所以要补上 
                         tmpBlankNode.onclick = arguments.callee; 
                         var tmpCurrNode = PicGame.board.rows[row].cells[col].cloneNode(true); 
                         tmpCurrNode.onclick = arguments.callee; 
                         PicGame.board.rows[rowBlank].cells[colBlank].parentNode.replaceChild(tmpCurrNode,PicGame.board.rows[rowBlank].cells[colBlank]); 
                         PicGame.board.rows[row].cells[col].parentNode.replaceChild(tmpBlankNode, PicGame.board.rows[row].cells[col]); 
                         } 
                         } 
                     } 
            } 
    }; 
PicGame.init(); 
$('start').onclick = function(){ 
        PicGame.init(); 
} 
</script> 

华为应用市场有什么虚拟定位软件

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

微信虚拟定位位置软件注册码
好，看看匿名函数的如何被调用。 1、执行后得到返回值的函数调用 Js代码复制代码代码如下://方式1，调用函数，得到返回值。强制运算符使函数调用执行 (function(x,y){ alert(x+y); return x+y; }(3,4)); Js代码 //方式二，调用函数，得到返回值。强制函数直接量执行再返回一…...
2024/4/27 22:09:29
手机如何进行虚拟定位吗
无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;heigh…...
2024/5/6 10:46:20
服务器安装centos6
一：虚拟机VMware安装 windows下安装推荐使用 VMware Workstation Pro12.5版本下载网址：http://www.vmware.com/products/workstation/workstation-evaluation.htm二： linux硬件资源分配 1：硬件分配内存：1G 硬盘：200G cpu：2核心网络模式：仅主机模式及桥接模式全部开启…...
2024/4/25 0:46:57
钉钉虚拟定位201802
方法一：用的浏览器内部转换器实现转换，要领是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串,显示的时候反过来就可以了（实际上显示的时候不…...
2024/4/25 0:46:52
【踩坑记】解决cv2：AttributeError: 'NoneType' object has no attribute 'shape'
1. 用cv2读取照片import json import cv2 import numpy as np import os# 照片路径 img_file = "D:\\照片\\1.jpg"# 读取照片 img = cv2.imread(img_file)# 查看照片shape print(shape: , img.shape)2.报错Traceback (most recent call last):File "D:/LocalGit…...
2024/4/25 0:46:51
虚拟定位钉钉签到
1234[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]第二种方法，思路与第一种相同复制代码代码如下: //预览函数 var colorid=""; function ShowTemp() { var eless = document.getElementsByName("colorStyle"); for(var i=0;i<eless.length;i++) { …...
2024/4/14 9:58:06
DAY8 MATLAB学习笔记—simulink入门、MATLAB符号函数的图形绘制
如何打开simulink：启动simulink：先打开MATLAB软件界面第一步打开simulink 第二步在command windows输入 simulink然后enter，等待有很多模块库第三步：常用的simulink库打开以后会看到simulink library browser这个界面最常用的就是simulink和他的子模块点一下左上角…...
2024/5/2 7:57:51
小米怎么用虚拟定位吗
JavaScript中的异常可以用try..catch..finally语句来处理，也可以手动的来抛出异常。 1.使用try..catch..finally语句来处理异常 js代码在执行过程中如果出现异常，会手动创建一个异常类对象，该异常类对象将被提交给浏览器，这个过程称为“抛出异常”。当浏览器接收到一场对象…...
2024/4/30 11:42:05
图的生成子图的概念
定义：若图G的一个子图包含G的所有顶点，则称该子图为G的一个生成子图。注意：图G不同的生成子图并不是指不同构的生成子图，而仅仅指边不同的生成子图。因此，图G=(n,m)有2^m个生成子图。...
2024/4/29 16:24:08
SpringBoot2.0项目集成Shiro进行授权验证
项目版本： springboot2.x shiro：1.3.2Maven配置： <dependency><groupId>org.apache.shiro</groupId><artifactId>shiro-spring</artifactId><version>1.3.2</version> </dependency>pringboot中集成shiro相对简单，只需要两…...
2024/4/25 0:46:44
魅蓝手机如何开启虚拟定位
但ExtJS中的TabPanel只能水平显示，搜索了一下Ext论坛，发现有垂直TabLayout的扩展，但垂直tab的页签内容是水平显示的，且页签多了之后也不能通过设置enableScroll属性使其能滚动，为了适应项目的需求，本人对TabLayout进行了扩展，使其支持垂直页签显示，支持页签很多时的滚动…...
2024/4/25 0:46:44
LeecCode：135 分糖果贪心
老师想给孩子们分发糖果，有 N 个孩子站成了一条直线，老师会根据每个孩子的表现，预先给他们评分。你需要按照以下要求，帮助老师给这些孩子分发糖果：每个孩子至少分配到 1 个糖果。相邻的孩子中，评分高的孩子必须获得更多的糖果。那么这样下来，老师至少需要准备多少颗糖…...
2024/4/25 0:46:42
苹果手机虚拟定位打卡
注：本文多次用到Firebug的console对象，请参考Firebug Console API 。关于firebug的更详细介绍，请猛击这里。1. 用 === 代替 ==JavaScript里有两种不同的相等运算符：===|!== 和==|!=。相比之下，前者更值得推荐。请尽量使用前者。引用:“如果两个比较对象有着同样的类型和值…...
2024/5/1 18:27:10
CCF-CSP 201512-1 数位之和 Python
问题描述试题编号： 201512-1 试题名称：数位之和时间限制： 1.0s 内存限制： 256.0MB 问题描述：问题描述　　给定一个十进制整数n，输出n的各位数字之和。输入格式　　输入一个整数n。输出格式　　输出一个整数，表示答案。样例输入20151220样例输出13样例说明　　201512…...
2024/5/2 1:00:47
虚拟定位免root是木马
一、在IE6中使用PNG背景 IE6本身并不认识PNG图片的透明特性，虽然有让IE6支持PNG透明背景的JS程序：复制代码代码如下:function correctPNG() { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5…...
2024/5/1 14:12:14
Q&A:modem-有符号数的补码及原码问题
Q：是这样，我在通过vivado进行QPSK调制的时候，有符号数运算的结果是以补码的形式表示，故仿真的波形，在负数的部分很奇怪。所以想问下怎么才可以让运算的结果用原码的形式表达呢。谢谢杜勇老师A：FPGA设计中，如果将二进制数当作有符号数运算，则所有数据均是以补码格式参与…...
2024/5/6 6:35:05
微信虚拟定位软件客服
一、简化代码采用更为简短的写法，不仅可以减少输入的字符数，还可以减少文件大小。大部分采用简单写法的代码，执行效率都有轻微提高。 1.1 简化常用对象定义：使用 var obj = {}; 代替 var obj = new Object(); 使用 var arr = []; 代替 var arr = new Array(); 1.2 精简if语…...
2024/5/6 1:21:37
Java数据结构（逆波兰表达式）
Java数据结构（逆波兰表达式）最近在学习java数据结构的相关知识，记录一下学习的内容，算是每天的总结，今天学习的是栈相关的内容，然后学习前缀，中缀，后缀表达式，下面介绍一下，这三种表达式的含义中缀：中缀表达式，是我们最常见的表达式，就是日常算式，比如4+9-90*(5…...
2024/5/5 20:01:06
《深入浅出vue--之变化侦测》
变化侦测什么是变化侦测？页面在渲染的过程中，状态发生不同的变化，变化侦测就是这样的一个存在，确定在渲染过程中状态发生了什么。对于Angulars和React，他们变化侦测的方式更像是__“拉”__。什么叫拉呢？我觉得吧，就像是一棵苹果树，摘苹果的时候，你从树顶上去&quo…...
2024/4/25 0:46:36
安卓虚拟定位免root
弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换,例如一个非常常见的错误,在浏览器脚本中,从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量的和.因为变量类型在表单控件中是字符串类型(计时字符串序列包含一个数字)这种尝试…...
2024/4/27 6:38:54

华为应用市场有什么虚拟定位软件

相关文章

最新文章