Tag: html5

HTML5video//完全隐藏控件

如何完全隐藏HTML5video控件? <video width="300" height="200" controls="false" autoplay="autoplay"> <source src="video/supercoolvideo.mp4" type="video/mp4" /> </video> 假没有工作 – 这是怎么做的? 干杯。

WebSockets,UDP和基准

HTML5 websockets目前使用一种TCP通信forms。 但是,对于实时游戏而言,TCP并不会削减它(这也是使用其他平台的原因)。 因为我可能需要UDP来继续一个项目,我想知道是否HTML6的规格或任何将支持UDP? 另外,WebSockets是否有可靠的基准testing,将WS协议与低级别的直接套接字协议进行比较?

HTML5 Websockets可以直接连接2个客户端(浏览器)而不使用服务器吗? (P2P)

使用HTML5 Websockets,我可以直接在2个客户端(浏览器)之间打开一个套接字(假设我知道他们的IP地址,并且没有NAT遍历问题)。 我想直接从一个浏览器发送一些数据到另一个浏览器,从本质上创build一个P2Pnetworking。 我到目前为止在网上阅读过的所有东西,websockets都用来在客户端和服务器之间进行通信,但是客户端和客户端之间没有任何关系。 谢谢

Eclipse中有效HTML5属性的警告

我使用Eclipse,并使用HTML5内容编写jsp文件。 所以我有这样的例子: <div class="test" data-role="test123"> 在Eclipse中,我收到警告: Undefined attribute name (data-role) 什么需要做,所以这些警告不会再出现? 在HTML5中,这个属性被允许(data- *),你可以在这里看到: http : //ejohn.org/blog/html-5-data-attributes/ 最好的祝福。

如果popstate事件来自HTML5 pushstate的后退或前进操作,我该如何检索?

我正在开发一个网页,根据下一步或后面的动作,我做相应的animation,问题出现在使用pushstate的时候。 当我收到事件时,我怎么知道用户是否使用Pushstate API点击了回退或者转发历史button?还是我必须自己实现一些东西?

触发HTML5表单validation

我有几个不同的字段集的表单。 我有一些Javascript,一次显示字段集的用户。 对于支持HTML5validation的浏览器,我很乐意使用它。 不过,我需要按照我的条件来做。 我正在使用JQuery。 当用户点击JS链接移动到下一个字段集时,我需要在当前字段集上进行validation,并在出现问题时阻止用户前进。 理想情况下,当用户失去对元素的关注时,就会发生validation。 目前没有validation去和使用JavaScript。 宁愿使用本地方法。 🙂

如何将文字左旋90度,单元大小根据html中的文字进行调整

假设我有一些行和列的表,所以我想旋转的单元格中的文本是这样的 : 问题是当我使用样式旋转文本: #rotate { -moz-transform: rotate(-90.0deg); /* FF3.5+ */ -o-transform: rotate(-90.0deg); /* Opera 10.5 */ -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ 这一切都像这样搞砸了 html代码: <table cellpadding="0" cellspacing="0" align="center"> <tr> <td id='rotate'>10kg</td> <td >B</td> <td >C</td> <td>D</td> <td>E</td> </tr> <tr> <td id='rotate'>20kg</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> […]

如何在AngularJS的循环中使用标签

所以我在这样一个ng-repeat : <li ng-repeat="x in xs"> <form> <label for="UNIQUELABEL">name</label> <input id="UNIQUELABEL"> <label for="ANOTHERUNIQUELABEL">name2</label> <input id="ANOTHERUNIQUELABEL"> </form> </li> 这应该产生类似的东西 <li> <form> <label for="UNIQUELABEL1">name</label> <input id="UNIQUELABEL1"> <label for="ANOTHERUNIQUELABEL1">name2</label> <input id="ANOTHERUNIQUELABEL1"> </form> </li> <li> <form> <label for="UNIQUELABEL2">name</label> <input id="UNIQUELABEL2"> <label for="ANOTHERUNIQUELABEL2">name2</label> <input id="ANOTHERUNIQUELABEL2"> </form> </li> … 我是AngularJS的新手,不确定正确的方法(没有一个文档使用label )。

如果文本大于允许范围,则用css溢出淡出文本

当文本的数量大于行可以处理的时候,我试图创build一个淡出文本的效果。 我正在通过max-height , overflow和linear-gradient的混合来实现这一点。 像这样的东西。 max-height:200px; overflow:hidden; text-overflow: ellipsis; background: -webkit-linear-gradient(#000, #fff); 完整的小提琴可用 。 我试图达到类似于这个效果 我有点亲近 问题是,在我的情况下,文本从一开始就开始淡出,我希望它只有在真正接近最大尺寸时才开始淡出。 让我们说开始淡出,如果它已经是150px。 此外,我只使用-webkit前缀,我假设可能有其他前缀,我可以添加其他渲染引擎。 有没有办法在纯CSS做到这一点?

HTMLcanvas全屏

我正在使用HTML Canvas使用以下应用程序: http : //driz.co.uk/particles/ 目前它被设置为640×480像素,但是我想把它放在全屏幕上,因为它会显示一个投影机。 然而,据我所知,我不能设置canvas大小为100%作为variables只有数字而不是%。 使用CSS只是拉伸它,而不是实际上全屏。 有任何想法吗? 编辑:试图find使用jQuery的高度和宽度,但它打破了canvas任何想法为什么? var $j = jQuery.noConflict(); var canvas; var ctx; var canvasDiv; var outerDiv; var canvasW = $j('body').width(); var canvasH = $j('body').height(); //var canvasW = 640; //var canvasH = 480; var numMovers = 550; var movers = []; var friction = .96; var radCirc = Math.PI * […]