Tag: html5

DOM突变事件的替代

由于DOM突变被W3C标记为废弃(见http://www.w3.org/TR/DOM-Level-3-Events/#events-mutationevents ),是否有一种(快速)替代方法来检测属性修改在DOM中?

PERSISTENT文件系统存储在哪里用chrome存储?

在Google Chrome浏览器的webkitRequestFileSystem选项中使用webkitRequestFileSystem时 ,我的文件系统上的哪些文件会被写入? 我想放弃那里的文件,让Chrome与他们互动,而我正在build设和debugging这个应用程序。

CSS媒体查询屏幕尺寸

我目前正试图devise一个可以兼容多种屏幕尺寸的布局。 下面列出了我正在devise的屏幕尺寸: 屏幕尺寸: 640×480 800×600 1024×768 1280×1024(及更大) 我遇到的麻烦是创buildcss3媒体查询,以便在窗口宽度达到这些宽度之一时更改我的布局。 下面是我正在使用的媒体查询的一个例子,但它不适合我,所以我想知道如果有人可以帮我修复它。 <link rel="stylesheet" type="text/css" media="screen and (max-width: 700px)" href="css/devices/screen/layout-modify1.css"> <link rel="stylesheet" type="text/css" media="screen and (min-width: 701px) and (max-width: 900px)" href="css/devices/screen/layout-modify2.css"> <link rel="stylesheet" type="text/css" media="screen and (max-width: 901px)" href="css/devices/screen/layout-modify3.css"> 我尝试了一套新的媒体查询,但他们仍然没有为我工作。 有人能帮我解释一下我的错误吗? 你们中有几个已经尝试解释,但我没有得到它。 新媒体查询显示如下: <link rel="stylesheet" type="text/css" media="screen and (max-width: 640px)" href="css/devices/screen/layout-modify1.css"> <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px)" […]

内容滚动到视图时激活CSS3animation

我有一个条形图,animationCSS3和animation当前激活页面加载。 我的问题是给定的条形图由于之前有很多内容而被放置在屏幕之外,所以当用户向下滚动时,animation已经完成。 我正在寻找通过CSS3或jQuery的方式,只有当查看器查看图表时才激活条形图上的CSS3animation。 <div>lots of content here, it fills the height of the screen and then some</div> <div>animating bar chat here</div> 如果您在页面加载后向下滚动,您可以看到它的animation。 这是我的代码jsfiddle 。 此外,我不知道这是否重要,但我有这个条形图在页面上的几个实例。 我遇到了一个名为waypoint的jQuery插件,但我绝对没有运气让它工作。 如果有人能把我指向正确的方向,这将是非常有益的。 谢谢!

CSS宽度与宽度相同

我想在我的CSS文件中做下一个技巧,以便width = height而不设置像素。 我想这样做,所以无论浏览器的分辨率是什么,在这两个维度上有相同的值。 #test{ width: 20%; height: (same as width); } 那可能吗?

如何检查是否设置了存储项目?

我如何检查一个项目是否在localStorage设置? 目前我正在使用 if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) { // init variable/set default variable for item localStorage.setItem("infiniteScrollEnabled", true); }

HTML5audio循环

我最近一直在玩HTML5audio,虽然我可以让它发挥它只能播放一次的声音。 无论我尝试(设置属性,事件处理程序等),我似乎无法让它循环。 这是我正在使用的基本代码: //myAudio is declared at a global scope, so it doesn't get garbage collected. myAudio = new Audio('someSound.ogg'); myAudio.loop = true; myAudio.play(); 我正在使用Chrome(6.0.466.0 dev)和Firefox(4 beta 1)进行testing,两者似乎都很乐意忽略我的循环请求。 有任何想法吗? 更新 :现在,所有主stream浏览器都支持循环属性。

从右到左支持Twitter Bootstrap 3

之前一直存在这样的问题: 支持RTL语言的Twitter Bootstrap CSS 但所有的答案都适合Bootstrap 2.x 我正在做一个阿拉伯文(rtl)的项目,我需要从右到左的Bootstrap 3.x。 有谁知道这个问题的解决办法吗?

在<canvas>中加点划线

我想这是不可能的,如CSS设置笔画属性是很容易的。 使用CSS我们已经虚线,虚线,坚实,但在绘制线条/笔画canvas时,这似乎不是一个选项。 你是怎么实现的? 我已经看到了一些例子,但是对于这样一个愚蠢的function他们真的很长。 例如: http://groups.google.com/group/javascript-information-visualization-toolkit/browse_thread/thread/22000c0d0a1c54f9?pli=1

在页面加载时启动Bootstrap模式

我根本不知道JavaScript。 Bootstrap文档说 通过javascript调用模态:$('#myModal')。modal(options) 我不知道如何调用这个页面加载。 使用引导页面上提供的代码,我可以成功地调用单元上的模态,但是我希望它在页面加载时立即加载。