草庐IT

webkit-font-smoothing

全部标签

javascript - 如何使用 javascript 激活 CSS3 (webkit) 动画?

我真的卡住了。我想要我创建的CSS动画(如下)在单击div时激活。我认为我能做到的唯一方法是使用javascript创建一个onClick事件。但是我不知道如何运行/引用我的css文件中的动画。谁能帮帮我?这是我的css文件中的动画,我想通过单击一个div来运行它。@-webkit-keyframescolorchange{0%{background-color:red;opacity:1.0;-webkit-transform:scale(1.0)rotate(0deg);}33%{background-color:blue;opacity:0.75;-webkit-transfor

javascript - Chrome 和 IE : parallax (jQuery animate) is not smooth when using mouse wheel to scroll

我改编了this为我的网站使用视差效果的jQuery插件。问题是(即使在上面链接中的演示中)Chrome和IE的滚动真的不流畅。只有当您按下鼠标中键并且滚动是连续的(不是“逐步的”"当您滚动鼠标滚轮时)。所以当你使用鼠标滚轮滚动时,视差效果就完全被破坏了。在Firefox中,即使使用鼠标滚轮滚动,滚动也是连续的。有没有一种方法可以在IE和Chrome中连续滚动(javascript?)。Here是我的网站(如您所见,如果您使用Firefox访问它,效果完全不同)。 最佳答案 我用这个jQuery脚本解决了这个问题(它为键盘和鼠标滚动

javascript - Node-Webkit:如何在本地文件系统中创建文件?

通过使用Node-Webkit,我尝试从网络workerjs文件中创建并写入用户定义的本地文件夹中的文本文件。我尝试使用requestFileSystemSync()、.root.getFile()、.createWriter()等,但我不确定这在哪里文件已保存(可以将其写入定义的本地文件夹,还是“沙盒化”到特殊文件夹位置?)。任何人都可以就从网络worker创建文本文件到任意本地文件夹位置的最佳方式提供建议吗?也就是说,在沙盒文件系统之外的本地文件系统中?谢谢。 最佳答案 听起来您可能正在尝试使用网络文件系统API。这可能是一个合

javascript - 如何使用 jQuery 计算和显示 font-awesome 的评级

我正在尝试显示星星并附加根据计数动态标记。它工作正常,但问题是如果它有float值然后它显示完整的星星,我需要星星是一半(CSS类fa-star-half-o)。这是我尝试过的:varratingValue=3.489;for(varj=0;j');} 最佳答案 你可以像下面这样实现你想要的,varratingValue=3.489,rounded=(ratingValue|0);vardecimal=ratingValue-rounded,$rating=$(".rating");for(varj=0;j');}if(decima

javascript - webkit的 `$$`返回和jQuery的 `$`返回有什么区别?

如果在像Chrome这样的webkit浏览器中,我会这样做:$$('span');我得到的结果看起来与jQuery的几乎完全一样:$('span');如果在控制台中查找$$的定义,我会得到:bound:function(){returndocument.querySelectorAll.apply(document,arguments)}对于$我得到:function(a,b){returnnewc.fn.init(a,b)}我可以在$$对象上执行什么类型的功能,而我不能用jQuery($)对象执行? 最佳答案 $$正如您所说,是特

javascript - jQuery 动画 -webkit-transform

是否可以使用jQuery为webkittranslate3d设置动画?我读到,当使用jQuery的animate属性时,您必须使用驼峰式大小写css属性,但在translate3d的情况下,这似乎不起作用。我有以下代码,我想对其进行动画处理而不是立即发生?$("#main-nav").css('-webkit-transform',"translate3d(0px,"+e+"px,0px)scale(1)");为澄清起见,“e”是传递给运行我的上述代码的函数的变量。 最佳答案 使用text-indent就可以了。示例:$(".tes

javascript - 我如何使用 jQuery 获取 -webkit-transition-duration 属性?

因为这会将过渡持续时间设置为1秒:$('#objectID').css('webkit-transition-duration','1s');我假设这会返回当前持续时间值:$('#objectID').css('webkit-transition-duration');但事实并非如此。 最佳答案 更简单的答案:parseFloat(getComputedStyle(targetElement)['transitionDuration']) 关于javascript-我如何使用jQuery

javascript - 如何检查客户端浏览器是否阻止了 font awesome?

首先,这里有一个非常相似的问题:HowtocheckifFontAwesomeisloadedinwebpagewithjavascript?我将尝试解释为什么我的问题不同。我发现浏览器已经开始普遍阻止网络字体,这需要回退解决方案。使用普通字符范围字体,这很容易:CSS:font-family:Lato,"LucidaGrande",Tahoma,Sans-Serif;但Fontawesome更难,因为它使用正常字体范围之外的字符,并且不能有简单的单行css解决方案。有几个选项可用,包括使用图像,或者在某些情况下使用其他字体的字符,类似于图标,但所有方法都需要一种方法来检查fontaw

javascript - WebKit JS 绑定(bind) : step by step how to

我不得不承认我是WebKit的新手,所以提出正确的问题并不是那么容易。我拥有的是来自WebKit.org的WebKit.它更新、构建,我可以调试-我让它在Windows上运行。我感兴趣的是如何为我拥有的一些IDL文件生成stub文件。我理解高级图片:使用IDL语言编写接口(interface)生成stub文件(.h和.cpp文件)。将您的代码添加到之前生成的stub文件中。我已经在“WebCore.gypi”中指定了我的IDL文件。然后我在“WebCore.gyp”中指定了我的IDL文件的路径。显然这还不够,因为构建WebKit不会为我的IDL文件生成stub文件。我一度怀疑我的IDL

javascript - jQuery Cleditor 所见即所得文本编辑器 : keyup() works in webkit browsers but not Firefox or IE

我正在尝试跟进之前关于如何在外部HTML元素(例如)中显示来自Cleditor文本框的内容的Stackoverflow问题。.这是thequestion和thefiddle它解决了我在webkit浏览器中的问题,但没有解决Firefox或IE:这是来自fiddle的代码:$("#input").cleditor();$(".cleditorMainiframe").contents().find('body').bind('keyup',function(){varv=$(this).text();//or.html()ifdesired$('#x').html(v);});我读过Ge