草庐IT

styling_file_inputs_with_css_and_

全部标签

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - D3 过渡 : Fading in and out the colors within a gradient fill

在这个D3图中,圆圈填充了径向渐变,并且改变不透明度用于淡入和淡出:varwidth=400,height=400,padding=1.5,//separationbetweensame-colornodesclusterPadding=6,//separationbetweendifferent-colornodesmaxRadius=12;varn=200,//totalnumberofnodesm=10;//numberofdistinctclustersvarcolor=d3.scale.category10().domain(d3.range(m));//Thelargest

javascript - Angular -recaptcha : Change language with site language change

我的网站使用用户可切换的三种不同语言。语言切换由JavaScript(AngularJS)在客户端完成。我在我的网站上使用reCAPTCHA2,当用户切换网站语言时需要更改reCAPTCHA的语言。我已经知道我可以在reCAPTCHA初始化时通过这段代码强制使用语言:但是,当您需要重新加载reCAPTCHA时,您可以使用此代码,它不接受任何自定义语言参数:grecaptcha.reset();是否可以不刷新页面并使用不同语言重新初始化reCAPTCHA小部件?编辑我正在使用angular-recaptcha呈现小部件。这意味着:我需要在reCAPTCHAAPI初始化后调用vcRecap

javascript - npm 脚本 : need to minify all HTML files in folder (and subfolders)

我想使用npmrun脚本缩小文件夹(以及其中的任何文件夹)中的所有.html文件。理想情况下,应覆盖所有.html文件(如果不可能,也可以使用新文件夹)。假定输入文件夹中会有非HTML文件。npmlibraryminimize仅适用于每个文件,但不适用于文件夹。另一个npm库html-minifier确实接受文件夹作为输入,但如果输入文件夹中存在任何非HTML文件,则会失败:html-minifier--input-dir./test1--output-dir./test2--html-5--collapse-whitespace我需要它来缩小我的静态网站的HTML文件。

javascript - "TypeError: this is not a typed array.with"Node.js 中的 WS.js

我的服务器文件中只有这个,出现错误:constWebSocket=require('ws');constwss=newWebSocket.Server({port:9000});wss.broadcast=functionbroadcast(data){wss.clients.forEach(functioneach(client){if(client.readyState===WebSocket.OPEN){client.send(data);}});};wss.on('connection',functionconnection(ws){ws.on('message',functi

javascript - flowtype 绑定(bind)导致错误 `Convariant property incompatible with contravariant use in assignment of property`

这个表达式对于javascript/react来说非常简单,将函数绑定(bind)到this范围。this.toggle=this.toggle.bind(this);但是当引入flowtype时,会导致错误:我该怎么做才能通过流量测试?toggle可以是任何函数,甚至可以是空函数。toggle(){///donothing} 最佳答案 你必须在你的类中将你的toggle声明为Function(紧凑的方式):classFoo{toggle:Function=(){...}}或者,您可以将签名和实际方法分开:classFoo{togg

javascript - 如何防止表单重置清除我的 <input type ="text"> 元素?

如果我在页面上放置一个已经设置了值的表单控件,触发包含表单的重置功能会将值返回到页面加载时的原始值。但是,如果我使用javascript创建一个表单控件,并将其附加到DOM,则在重置表单时表单控件将被删除并变为空白。我怎样才能防止这种行为?我想给输入一个默认值,这样它就会像页面加载时页面上的控件一样被处理。在以下示例中,单击“重置”会清除一个输入(脚本添加的输入),但不会清除另一个(静态输入)。我想要的是两个输入都保留其值(value)。window.onload=function(){varinput=document.createElement('input');input.set

javascript - CSS 样式未应用于 Internet Explorer 7 中的动态元素

当我们在IE7中使用Javascript渲染动态元素时,CSS样式不会被应用。当我们使用WebDeveloper工具栏查看页面时,动态元素不会出现。页面在Firefox、Chrome和Safari中呈现良好。IE7是否无法将CSS样式应用于动态创建的元素?IE8正确呈现动态元素。这个问题适用于IE8,因为我们使用元标记强制IE8在IE7模式下呈现。谢谢! 最佳答案 我们发现了问题:我们需要使用setAttribute('className','cssClass'),而不是在新元素上使用setAttribute('class','cs

javascript - 检测属性是否可以通过 CSS3 转换设置动画?

可以使用CSS3转换动画的属性列表在浏览器之间并不一致,并且可能会随着新浏览器版本的变化而变化。例如,-moz-transform在FF3.6中不能与-moz-transition一起设置动画,但在FF4中可以。那么,有没有一种方法可以在JavaScript中检测特定属性是否可以设置动画?我不想使用用户代理嗅探,因为它不可靠。提前致谢! 最佳答案 是的,有办法。下面是演示,下面是解释。其中涉及一些非常重要的注意事项,因此请务必继续阅读。以下代码将测试浏览器是否可以在两个值之间设置动画。代码jsFiddledemo./*@paramp

javascript - "Resource interpreted as script but transferred with MIME type application/json"使用 Youtube 的 JavaScript API

我在使用GoogleChrome的JavaScript控制台时收到“资源解释为脚本但使用MIME类型application/json传输”的错误消息。我目前正在本地计算机上运行以下代码:varURL="";varYOUTUBE_ROOT="http://gdata.youtube.com/feeds/api/videos?alt=jsonc&v=2";varstart_index="&start-index=1";varcallback="&jsonp=?"functionsearchYouTube(){varq=encodeURIComponent(jQuery("#query").