Tag: javascript

动态更改jQuery Progress Bar的颜色

我有一个动态的JQuery进度条我想要主题（ 这里是文档）：它将以红色开始，然后随着它的进展变为黄色，最后变为绿色。 看起来这只是设置样式颜色属性的问题，但我似乎无法找到适当的属性。

如何在html5canvas中弯曲/弯曲图像

我有这个 我想做这个 至 HTML JS var temp_can1, temp_can1_ctx; $(document).ready(function () { temp_can1 = document.getElementById(‘mycanvas’); temp_can1_ctx = temp_can1.getContext(‘2d’); var imageObj_rotator3 = new Image(); imageObj_rotator3.onload = function () { temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); temp_can1_ctx.globalCompositeOperation = “source-atop”; var pattern = temp_can1_ctx.createPattern(imageObj_rotator3, ‘no-repeat’); temp_can1_ctx.rect(0, 0, temp_can1.width, temp_can1.height); temp_can1_ctx.fillStyle = pattern; temp_can1_ctx.fill(); temp_can1_ctx.globalAlpha = 0.10; temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); […]

FireFox扩展：如何通过jQuery访问页面元素？

我使用以下代码： var myExtension = { init: function() { // The event can be DOMContentLoaded, pageshow, pagehide, load or unload. if(gBrowser) gBrowser.addEventListener(“DOMContentLoaded”, this.onPageLoad, false); }, onPageLoad: function(aEvent) { var doc = aEvent.originalTarget; // doc is document that triggered the event var win = doc.defaultView; // win is the window for the doc //alert(“page is loaded \n” […]

有多个问题切换是/否

我在表格中有5个问题，其中一些问题的答案是肯定/否定。 我希望能够在用户选择其中一个按钮后切换是和否按钮。 我遇到的问题是，如果其中一个问题得到解答，我回答下一个问题，它会从所有其他问题中删除答案。 我确信有一些我想念的简单。 *更新* 我把一切都按照我想要的方式工作，谢谢大家的帮助。 我现在注意到的一件事是，子问题的问题，当我选择是或否时，子问题显示，但是如果我点击屏幕上的任何地方，它会从问题中删除活动类。 HTML： 2. HAVE YOU HAD SHINGLES? Yes No 3. HAVE YOU HAD PAIN IN THE AREA OF THE SHINGLES RASH FOR AT LEAST THE LAST 3 MONTHS? Yes No 3A. IF IT HAS NOT YET BEEN 3 MONTHS, HOW LONG WOULD YOU ESTIMATE THIS PAIN HAS BEEN ONGOING? […]

使用JavaScript / jQuery的数值的非线性“动画”

我想在活跃用户的Google Analytics中制作像这样的动画。 我看到一些做动画的脚本，但是它们是以线性模式进行的，比如，从0到XXX的速度是相同的，我想让它慢慢开始，获得速度，然后再慢慢完成。 我怎么在javascript / jquery中这样做？ 根据要求，我尝试了： 0 $(function () { var $counter = $(‘#counter’), startVal = $counter.text(), currentVal, endVal = 250; currentVal = startVal; var i = setInterval(function () { if (currentVal === endVal) { clearInterval(i); } else { currentVal++; $counter.text(currentVal); } }, 100); }); 但我不认为这是要走的路……

如何在D3中模拟鼠标移动，这样当你拖动节点时，其他节点会自动移动？

我有一个粘力布局： http ： //jsfiddle.net/smqsusdw/ 我有这个函数将一个节点拖动到一个位置： function positionnodes(){ force.stop(); node.each(function(d, i){ if(i===1){ d.fixed = true; dx = 100; dy = 100; } }).transition().duration(1000).attr(“cx”, function(d){ return dx }).attr(“cy”, function(d){ return dy }); link.transition().duration(1000) .attr(“x1”, function (d) { return d.source.x; }) .attr(“y1”, function (d) { return d.source.y; }) .attr(“x2”, function (d) { return d.target.x; }) .attr(“y2”, function (d) […]

JavaScript反引号多行字符串无法在Internet Explorer中运行

我有一个包含在var的大型HTML字符串。 我用它来写入innerHTML 。 第一个示例（带有反引号语法）是最简单的，在Internet Explorer 11中不起作用。 有没有办法让第一个示例在Internet Explorer 11中工作而不必使用数组或换行符？ 在Internet Explorer中不起作用 Backtick` https://jsfiddle.net/qLm02vks/ var message = ` this is a multiline string `; // Write Message var display = document.getElementById(‘display’); display.innerHTML = message; 适用于Internet Explorer 数组加入 https://jsfiddle.net/3aytojjf/ var message = [‘this’, ‘is’, ‘a’, ‘multiline’, ‘string’ ].join(‘\n’); 适用于Internet Explorer 单引号’与linebreak \ https://jsfiddle.net/5qzLL4j5/ var message = ‘this […]

猫头鹰旋转木马不会自动播放

我正在使用Owl Carousel 2 JQuery插件构建一个带有JQuery轮播的wordpress网站。 我之前已经成功使用过这个旋转木马，但是我很难过这个，我需要你的帮助。 我希望其他可能遇到同样问题的人可以参考这个你帮忙的解决方案。 旋转木马将加载，图像正在显示，我尝试过的大多数选项都在工作，但自动播放不会在5秒后加载下一张图像。 正如使用Firebug网络检查器validation的那样，所有文件都在正确的位置并正确加载。 感谢您的帮助/建议！ customjs.js： $(document).ready(function(){ var owl = $(“.owl-carousel”); owl.owlCarousel({ items: 1, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true }); }); HTML： 我也试过追加owl.trigger(‘owl.play’,6000); 在document.ready函数内根据这个stackoverflow线程的建议无济于事。

身上的keydown？

每当我按一下键，我都会收到提醒。 我试过了： $(‘body’).live(‘keyup’, function() { alert(‘testing’); }); 但它不起作用，是不是因为选择器？ 更新： 这是我的代码： TODO supply a title $(document).ready(function() { $(‘body’).live(‘keyup’, function() { alert(‘testing’); }); }); TODO write content 当我按下mouseover和鼠标mouseover在TODO write content时，当我按下某些内容时，它不会提醒我 为什么不起作用？

带有setTimeout的递归JS函数

我有以下代码 var data = [ { id: “0” }, { id: “1”, children: [ { id: “1.1”, children: [ { id: “1.1.1”, children: [ { id: “1.1.1.1”, children: [ { id: “1.1.1.1.1” }, { id: “1.1.1.1.2” }, { id: “1.1.1.1.3” } ] }, { id: “1.1.1.2” }, { id: “1.1.1.3” } ] }, { id: […]