Tag: html5

hover以改变canvas的颜色

我是canvas上的新手，任何人都可以帮忙缩短这个问题。 我创建了5个canvas圈。 当我将鼠标hover在任何圆圈上时，我只需更改canvas颜色，当hover在圆圈上时，我在canvas上添加了一个类但是可以仅更改颜色。 我不想再次创建canvas时只更改hover时的颜色。 $(document).ready(function(){ $(‘.menuballs’).hover(function () { $(“.menuballs”).children(‘canvas’).toggleClass(‘hover-intro’); if($(this).is(‘:hover’)) { var c = document.getElementsByClassName(“hover-intro”); var graphics = c.getContext( ‘2d’ ); graphics.fillStyle = ‘green’; graphics.fill(); } }); }); 尝试使用hover-intro类，但是给定HTMLElement，我需要CanvasElement来填充圆圈。

jQuery Mobile禁用某些标签的增强function？

我不想要标签的样式。 我发现这样的线程如何“关闭”jQuery Mobile的下拉样式？ 但我不想将data-enhance=false添加到我拥有的每个锚点。 我也希望linkBindingEnabled可以工作（来自http://jquerymobile.com/demos/1.2.0/docs/api/globalconfig.html ），因为它不会向标签添加自定义类。 我可以删除CSS文件中的定义，但我更喜欢以编程方式来实现它。 例如，我注释掉.ui-body-c .ui-link （默认链接），但页脚中的链接仍然是增强的。 而且我确定还有其他一些小案例，而且我不想让它变得混乱（尽管有时这是唯一的选择） 基本上，有没有办法禁用元素“选择器”的增强？ 而不是手动添加data-enhance=false

html标签用法/替换

我知道标签是邪恶的。 如果滚动文本太糟糕了，那么使用JS来获得相同的效果并不会让它变得更好，对吧？ 并且假设我决定使用一些滚动文本（喘息） ，是否有某种类型的CSS（3？）或HTML（5？）方式来做到这一点在技术上是正确的（即不被弃用）？ 如果没有CSS / HTML解决方案，我应该使用： Javascript，下载会更重，可能会被关闭（是专业人士还是骗子？），但我得到W3C正确有效且不弃用且智能的奖励， 或者我应该使用 讨厌的 （ ）标签，它是轻量级的（19字节！），在所有渲染模式和所有文档类型中都得到了所有浏览器的完全支持（即使它不应该），但是不推荐使用？ 谢谢。 PS我认为新闻自动收报机是一种有效的选择 PPS如果有人告诉我，如果我不想要一个繁重的Javascript解决方案我应该使用JQuery，因为它是轻量级的，我会在评论中拍摄它们 编辑：我正在添加JQuery标签，因为这似乎是获得许多JS问题专家关注的最佳方式，并且在这里并不完全无关。

使用HTML5 localstorage在页面刷新时保留jQuery切换状态

我刚刚了解了HTML5“localstorage”function。 我一直在尝试与jQuery切换一起实现它，以便在刷新页面时使div保持在最近的状态。 这似乎是一个很好的cookie替代品！ 我在理解如何以这种方式实现它时遇到了很多麻烦。 这是我到目前为止所尝试的： HTML： <div id="container" Click Me CSS： #container {width:200px; height:220px;} #foo { display:block; float:left; width:200px; height:20px; text-align:center; } #bar { display:none; float:left; height:200px; width:200px; background:#000000; } jQuery并尝试在本地存储，如下所示： $(document).ready(function(){ $(‘#foo’).click(function() { $(this).siblings().toggle(); localStorage.setItem(display, block); }); var block = localStorage.getItem(block); if(block){ $(‘#bar’).show() } }); 这是小提琴。 我在做什么绝对不行。 我在这里看到了一些类似的问题， 这是一个很好的例子。 然而，这个答案对我没有帮助，看起来非常复杂。 我只是试图了解如何在非常基本的级别使用localstorage来保存切换状态。 非常感谢任何建议或帮助。

覆盖html5validation

我正在使用一个简单的登录表单，有两个字段： Log in 对于现代浏览器，会自动触发validation。 但是，如果javascript可用，我想接管html5表单validation，并自己处理所有内容。 我想自动validation’onblur’（仅受影响的字段），并且我想在点击’submit’时validation所有字段。 onblur事件工作正常，但是当按下“提交”时，不会触发标准的“提交”事件。 但是，会触发“无效”事件; 但仅适用于第一个无效事件。 告诉浏览器忽略所有与HTML5相关的validation并接管整个过程的好方法是什么？

jQuery HTML5语音输入

我试图让jQuery使我的页面上的搜索框使用x-webkit-speech并自动提交。 HTML显然是： 我可以使用jQuery添加x-webkit-speech属性，但我似乎无法使用onwebkitspeechchange来工作。 这不起作用，因为jQuery没有onwebkitspeechchange方法 jQuery(“[name=s]”).attr(“x-webkit-speech”, “x-webkit-speech”).onwebkitspeechchange(“this.form.submit()”); 但我认为这样的事情会起作用： jQuery(“[name=s]”).attr(“x-webkit-speech”, “x-webkit-speech”).attr(“onwebkitspeechchange”, “this.form.submit()”); 但事实并非如此。 它什么都没做。 我怎样才能添加onwebkitspeechchange=”this.form.submit();” 使用jQuery？

在canvas对象上使用jQuery动画

我想用一个简单的形状使用路径机制绘制html5canvas元素的动画。 当鼠标hover在它上面时，我想放大它，使它更不透明并改变颜色。 我可以使用jQuery的animate（）函数吗？ 什么是最好的方法？ canvas是否有机制来执行此类动画？

javascript onbeforeunload禁用链接

我需要你的帮助。 我正在使用JavaScript，我无法配置如何在window.onbeforeunload上工作。 这是我的简单代码： window.onbeforeunload = function () { if (!confirm(“some message here”)) { return “Are you sure?”; } else{ return false; } } 我只需要在关闭浏览器，重新加载页面和/或退出选项卡菜单时使用代码。 当我按下我的网页或网页中的链接时，我需要它不会对任何链接起作用。 你对此有什么想法或解决方案吗？ 我希望你能帮助我。 我感谢你的善意。 谢谢

HTML5设置javascript中的音频源不起作用

由于HTML5浏览器格式技巧，我必须以音频格式提供后备音频格式。 我想以编程方式在音频中设置源的src，但它不起作用。 这是我的HTML代码： 然后在使用jquery的javascript中我为它们设置了源代码（我在页面上有一个音频标签和许多mp3，并且基于某些事件我想改变音频标签的来源）所以我不能直接在音频中指定src因为我需要后备支持，我也需要动力。 使用jquery我操纵src： $(‘#oggSource’).attr(‘src’, ‘OggFormat.ogg’); $(‘#mp3Source’).attr(‘src’,’Mp3Format.mp3′); 但这不起作用。 知道为什么吗？ 如果我使用： 它工作，但我需要我需要在代码中设置它，而不是静态提供。

Localstorage＆JSON：我如何只删除一个键中的一个数组，因为localstorage.removeItem需要整个键

我在localStorage中有这个： [{“id”:”item-1″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-2″,”href”:”youtube.com”,”icon”:”youtube.com”}, {“id”:”item-3″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-4″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-5″,”href”:”youtube.com”,”icon”:”youtube.com”}, {“id”:”item-6″,”href”:”asos.com”,”icon”:”asos.com”}, {“id”:”item-7″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-8″,”href”:”mcdonalds.com”,”icon”:”mcdonalds.com”}] 当localstorage.removeItem需要整个密钥时，如何只删除id:item-3 ？ 我使用此方法更新数组中的特定值： http ： //jsfiddle.net/Qmm9g/所以使用相同的方法我想删除特定的数组。 请注意，已有一个要删除的按钮。 该按钮我想要一个function，它将删除整个数组（ {“id”:”item-3″,”href”:”google.com”,”icon”:”google.com”} ） ID:item-3