草庐IT

鼠标移动速度

全部标签

javascript - 鼠标悬停在 SVG 圆圈上

我是SVG的新手,所以如果这是一个基本问题,请原谅我。我想在屏幕上画圆圈,并在用户将鼠标悬停在每个圆圈上时做出响应。据我所知,当在svg上监听鼠标事件时,我们实际上是在整个Canvas上监听鼠标事件,而不是在形状上。如果我想处理形状上的事件,我必须使用像D3这样的库。是否可以监听当鼠标指针经过特定圆圈时触发的mouseOver事件? 最佳答案 这不需要库。给定以下SVG:您可以使用CSS或Javascript使这些圆圈以与鼠标相关的某种方式发生变化。对于在css中的简单悬停,您可以执行以下操作:#circle1:hover{fill

javascript - 如何修改移动设备和选项卡的引导轮播

我正在使用Bootstrapslider。在桌面上,它有三张幻灯片,每张有4个图block在选项卡上,它们必须是4张幻灯片,每张幻灯片有3个图block在移动设备上,需要有12张不同的幻灯片我正在考虑最有效和最优化的实现方式。选项1-创建3组不同的slider。一次只显示一个选项2-使用jquery检测屏幕宽度并以编程方式添加额外的图block作为幻灯片,隐藏额外的图block。我想这会非常复杂。如果有更好的实现方法,请提供帮助。 最佳答案 这里是:.carousel-inner.item.active{display:flex;}

javascript - Azure Functions 执行速度极慢且不一致

我正在编写一些AzureFunctions脚本,用于从内部数据库读取和写入内部数据库,并将相关信息显示到网页中。我注意到在加载调用AzureFunction脚本的网页时,WebUI速度极慢甚至超时。经过进一步调查,我意识到以下几点:Azure函数脚本有时需要10秒到1分钟以上的时间才能连接到SQL数据库。有时脚本会在几毫秒内运行,有时需要3分钟以上才能完全运行脚本。这是我的Azure函数脚本:module.exports=function(context,req){context.log("FunctionStarted:"+newDate());//Importpackagecons

javascript - Angular 网站无法在移动设备上打开

我根本无法弄清楚问题出在哪里。我有一个用Angular制作的非常简单的网站,它在桌面(Chrome)上运行得很好,但在我的手机(iPhone6)上只显示一个空白页面。我已经尝试在本地和在线模拟它,没有任何问题。我从所有不同的站点运行了countless测试,他们似乎没有发现任何问题。网站是:https://admin.marcrasmussen.dk我知道这很不寻常,但在过去的5个小时里我一直在尝试解决这个问题。谁能看出我做错了什么? 最佳答案 这是我在调试您的网站时发现的。是firebase-messagin.js的一个问题,检查

javascript - 在 html 页面上更改鼠标光标

我需要一种在html页面上更改鼠标光标的方法。我知道这可以用css来完成,但我需要能够在运行时更改它,例如在页面上有按钮,当它们被单击时,它们会将光标更改为特定的自定义图形。我认为最好的(或唯一的?)方法是通过javascript?我希望有一种方法可以很好地完成这项工作,并且适用于所有主流浏览器。如果有人可以帮助我,我将不胜感激。提前致谢 最佳答案 感谢您的回复。我终于让它工作了。这是我的做法:functionchangeToCursor1(){document.body.style.cursor="url('cursor1.ani

javascript - 在 Javascript 中捕获 setInterval() 上的鼠标位置

我在Javascript中有一个函数,它根据鼠标位置移动一个div。此函数在setInterval()函数上设置并每秒执行一次。我需要像这样捕获鼠标位置:functionmousemov(){document.getElementById("myDiv").style.left=Event.clientX;//don'twork}window.onload=function(){setInterval("mousemov()",1000);}Ps:我不能使用mousemove事件,因为即使鼠标停止也必须执行该函数。 最佳答案 您唯一

javascript - flotr 鼠标悬停在行上时显示数据系列名称

我正在使用flotr绘制90个数据集的图表。平均而言,90组数据中只有两组会实际生成可绘制的线。其他88个左右的y值非常低,以至于它们几乎不会在x轴上方达到峰值。这是一个例子...我的问题是我不知道这两行是什么数据集。我可以编一个图例,但那个图例会很大,因为大约有90个数据集。所以我想知道当鼠标悬停在该数据集的图形数据上时,flotr是否具有标记这些数据集的功能。有这样的功能吗?谢谢。 最佳答案 好的,我找到了答案。我看到了这个例子...http://phenxdesign.net/projects/flotr/examples/p

Javascript - onscroll 顺利移动到下一个 anchor ?如何?

我正在构建一个单页网站,其中包含几个部分,每个部分都填满了用户的窗口;我已经开始工作了。我想做的是:当用户向上或向下滚动时,他/她会(相应地)向上或向下滚动到之前或之后的部分。我的每个部分的顶部都有一个anchor。这是我正在努力实现的一个例子。每篇文章都占满了页面。滚动后跳转到下一篇文章。http://www.made-my-day.com/ 最佳答案 我认为您可以使用此插件完成工作:https://github.com/alvarotrigo/fullPage.js.此外,它似乎正在积极更新。最后一次提交repo是在3天前。干杯

javascript - 在页面上随机移动图像

我创建了三个热气球的.png图像。每个都有不同的大小,因此它们散发出“深度”的概念。对这些.png进行编码以便它们像热气球一样在我的容器周围移动和漂浮的最佳方法是什么?我已经尝试了Spritely网站上的以下代码,我将其改编为:$('#balloon1').sprite({fps:3,no_of_frames:1}).spRandom({top:70,left:100,right:200,bottom:340,speed:10000,pause:3000});我将此代码用于其他两个气球(#balloon1)和(#balloon2),然后将它们各自的DIV放入标记为“#sky”的容器DI

javascript - 如何使用 Jquery 检测滚动速度?

我想尝试复制io7的safari功能,当您在javascript/jquery中缓慢滚动时,url和导航栏会最小化。首先是检测滚动速度,我看过this已经有问题了,但我在内容脚本中这样做,所以我不一定有他们使用的顶部和底部元素。还有其他检测滚动速度的方法吗? 最佳答案 您可以通过jQuery附加到滚动事件,并结合使用时间戳和scrollOffset,通过将偏移量/时间与之前的最后一个滚动事件进行比较来确定滚动速度。像这样:varlastOffset=$(mySelector).scrollTop();varlastDate=newD