Tag: html5
使用像checkbox的图像
我想有一个替代标准checkbox – 基本上我想要使用的图像，当用户点击图像，淡出和覆盖一个checkbox。 本质上，我想要像Recaptcha 2那样做，当它让你点击符合特定标准的图像时。 您可以在这里看到一个Recaptcha演示，但是有时可能会让您解决文本问题，而不是图像select。 所以这是一个截图： 当你点击其中一个图像（在这种情况下，包含一张牛排图片），你点击的图像会缩小，并出现蓝色的勾号，表示你已经勾选了它。 比方说，我想重现这个确切的例子。 我意识到我可以有9隐藏checkbox，并附加一些jQuery，所以当我点击图像，它select/取消选中隐藏的checkbox。 但是如何缩小图像/覆盖勾号呢？
如何使用CSS 3闪烁/闪烁的文本？
目前，我有这样的代码： @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 它眨了眨眼，但只是在“一个方向”闪烁。 我的意思是，它只是淡出，然后它以opacity: 1.0出现opacity: 1.0 ，然后再次淡出，再次出现，等等…我希望淡出，然后再从这个淡出“提高”回来到opacity: 1.0 。 那可能吗？
同步本地HTML5数据库（WebSQL存储，SQLite）与服务器（2路同步）的最佳途径
我正在开发一个本地数据库的移动Web应用程序（用于iPhone和Android）（使用html5 webstorage），所以当用户离线时，我的应用程序仍然可用。 这是完美的工作，但我想保存在服务器上的本地数据。 所以我需要将本地数据库与服务器上的数据库同步。 同步只能是一种方式，但是将来我想同时进行同步（server < – > local DB）。 这个要求看起来很常见（或将在移动networking应用程序的未来普遍），但我找不到一个图书馆这样做。 我知道谷歌正在他们的移动networking应用程序（例如gmail）这样做，我发现WSPL项目是一个谷歌项目，但没有源下载。 如果我找不到解决scheme，我会创build一个库来做到这一点，因为一个方法同步并不困难，但我不知道是否有其他解决scheme。
地图拼贴algorithm
地图 我正在用Javascript制作一个基于图块的RPG游戏，使用perlin noise heightmaps，然后根据噪音的高度分配一个图块types。 地图最终看起来像这样（在小地图视图）。 我有一个相当简单的algorithm，它提取图像上的每个像素的颜色值，并根据其对应于平铺字典中的平铺的（0-255）之间的位置将其转换为整数（0-5）。 然后这个200×200数组传递给客户端。 然后，引擎根据数组中的值确定拼贴，并将其绘制到canvas上。 所以，我最终会看到有趣的世界，这些世界具有逼真的外表特征：山脉，海洋等 现在接下来我要做的是应用某种混合algorithm， 如果邻居不是同一types的话 ，就会导致图块无缝融合到邻居中。 上面的示例地图是玩家在小地图中看到的。 在屏幕上，他们看到由白色矩形标记的部分的渲染版本; 其中瓷砖是与他们的图像，而不是单一的彩色像素呈现。 这是用户在地图上看到的示例，但与上面显示的视口不同。 正是在这种观点下，我希望过渡发生。 algorithm 我想出了一个简单的algorithm，它将遍历视口内的地图，并在每个图块的顶部渲染另一个图像，并将其提供给不同types的图块。 （不改变地图！只是渲染一些额外的图像。）algorithm的想法是分析当前瓦片的邻居： 这是引擎可能需要渲染的一个示例场景，当前的tile是用X标记的。 一个3×3数组被创build，并且它周围的值被读入。所以对于这个例子，数组看起来像。 [ [1,2,2] [1,2,2] [1,1,2] ]; 然后，我的想法是为可能的瓷砖configuration制定一系列案例。 在一个非常简单的层面上： if(profile[0][1] != profile[1][1]){ //draw a tile which is half sand and half transparent //Over the current tile -> profile[1][1] … } 这给出了这个结果： 它从[0][1]到[1][1] ，但不是从[1][1]到[2][1]的过渡，其中硬边缘仍然存在。 所以我想，在这种情况下，一个angular落瓦片将不得不被使用。 我创build了两个3×3的精灵图表，我认为这些图表将会包含所有可能需要的图块组合。 […]
使用JQuery播放/暂停HTML 5video
我正在尝试使用JQuery控制HTML5video。 我在标签界面中有两个剪辑，总共有六个标签，其他标签只有图像。 我试图让video剪辑在他们的标签被点击时播放，然后当其他人被点击时停止。 这一定是一件简单的事情，但我似乎无法得到它的工作，我用来播放video的代码是： $('#playMovie1').click(function(){ $('#movie1').play(); }); 我已经读过video元素需要被暴露在一个函数中，以便能够控制它，但无法find一个例子。 我能够使用JS工作： document.getElementById('movie1').play(); 任何build议将是伟大的。 谢谢
如何正确alignmentdiv元素？
我的html文档的主体由3个元素组成，一个button，一个表单和一个canvas。 我希望button和窗体右alignment，canvas保持左alignment。 问题是，当我尝试alignment前两个元素，他们不再遵循对方，而是彼此相邻水平？，inheritance人我到目前为止的代码，我想要的forms紧跟在右边的button后面两者之间没有空间。 <!DOCTYPE html> <html lang = "en"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script type="text/javascript" src="timeline.js"></script> <link rel="stylesheet" href="master.css" type="text/css" media="screen" /> </head> <body bgcolor="000" TEXT="FFFFFF"> <div id="button"> <button onclick="showForm()" type="button" id="cTask"> Create Task </button> </div> <div id="addEventForm"> <form> <p><label>Customer name: <input></label></p> <p><label>Telephone: <input type=tel></label></p> <p><label>E-mail address: <input type=email></label></p> </form> </div> <div> <canvas id="myBoard" width="1000" […]
标签：.ico或.png /正确的标签？
在HTML5文档中，您推荐哪种favicon格式，为什么？ 我希望它得到IE7和所有现代浏览器的支持。 另外，当使用.png时，是否需要指定types（type =“image / png”）？
什么是HTML5 ARIA？
什么是HTML5 ARIA？ 我不明白如何实现它。
如何垂直居中文本与一个大的字体真棒图标？
比方说，我有一个引导button与一个字体真棒图标和一些文本： <div> <i class='icon icon-2x icon-camera'></i> hello world </div> 如何让文字垂直居中显示？ 文本现在与图标的下边缘alignment： http : //jsfiddle.net/V7DLm/1/ 编辑：我有一个可能的解决scheme ： http : //jsfiddle.net/CLdeG/1/但感觉有点哈克 – 引入额外的p标签，使用左拉和显示：表。 也许有人可以提出更简单的方法。
HTML5：只有整数的数字inputtypes？
我正在使用通过jQuery实现HTML5validation的jQuery工具validation器 。 迄今为止，除了一件事以外，它一直在努力工作。 在HTML5规范中，inputtypes“number”可以同时具有整数和浮点数。 这似乎令人难以置信的短视，因为它只会是一个有用的validation，当你的数据库字段被签名的浮点数（对于未签名的整数，你将不得不退回到“模式”validation，从而松散的额外function，如上下箭头对于支持它的浏览器）。 是否有另一种inputtypes或可能是一个将input限制为无符号整数的属性？ 我找不到任何，谢谢。 编辑 好吧，我感谢你的时间和帮助，但我看到许多不当的投票正在进行：D。 将步骤设置为1不是答案，因为它不限制input。 您仍然可以在文本框中input负浮点数。 另外，我知道模式validation（我在原始文章中提到过），但这不是问题的一部分。 我想知道HTML5是否允许将“number”types的input限制为正整数值。 对于这个问题，答案似乎是“不，不”。 我不想使用模式validation，因为这会导致使用jQuery工具validation时的一些缺点，但现在看来，规范不允许更干净的方式来做到这一点。
