草庐IT

鼠标切换

全部标签

javascript - 将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不会触发

我试图让按钮在悬停在图像上时出现。以下作品:jQuery('.show-image').mouseenter(function(){jQuery('.the-buttons').animate({opacity:1},1500);}).mouseout(function(){jQuery('.the-buttons').animate({opacity:0},1500);});但是,当从图像移动到按钮(图像上方)时,会触发mouseout/mouseenter,因此按钮淡出然后淡入(按钮与图像具有相同的类,否则它们保持淡出)。我怎样才能防止它被触发?我还使用jQuery的悬停尝试了上面

javascript - 如何按顺序切换元素的类别?

我试图让每个元素的类自动按顺序一次更改一个。这意味着元素1发光然后熄灭,而元素2发光然后熄灭,依此类推。当整个序列重新开始时,每个元素都会发光。$('headerdiv:first').toggleClass('highlight').nextAll().toggleClass('none');functionhighlight(){var$off=$('headerdiv.highlight').toggleClass('none');if($off.next().length){$off.next().toggleClass('none');}else{$off.prevAll()

javascript - 鼠标光标在 Javascript 中的位置?

如何在javascript中获取光标X和Y?var$curX=(ns6)?e.pageX:event.clientX+ietruebody().scrollLeft;var$curY=(ns6)?e.pageY:event.clientY+ietruebody().scrollTop;我找到了这两个,但它们显示为“未定义”。有什么想法吗?谢谢! 最佳答案 我假设您不需要框架答案。如果没有,试试这个:document.onclick=function(evt){evt=(evt||event);alert(evt.clientX+''

javascript - 如何制作在 AngularJS 中加载部分的列表和 GridView 切换开关控件?

我是AngularJS的新手,我一直无法找到在两个不同的HTML部分中加载的列表和GridView切换按钮的具体教程。阅读官方ng-include、ng-switch官方文档,搜索SO。不幸的是,我们不想使用UI-router.加载两个部分(list.html和grid.html)是否是正确的Angular编码方式?我找到的最相关的帮助是:1.http://tutorialzine.com/2013/08/learn-angularjs-5-examples(示例5)对示例#5有一个有见地的评论:Nicesimpleexamples-welldone.Thelastexampletha

javascript - 如何在 DIV 标签上使用 javascript onclick 来切换包含可点击链接的部分的可见性?

您好,我有一个最初只有标题可见的DIV部分。我想要实现的是,当访问者点击toggle_section区域的任意位置时toggle_stuffdiv在可见/隐藏之间切换。SometitlesomecontentstuffSomelink但是,如果我有任何,它现在的设置方式toggle_section内的链接,单击该链接还将执行onclick事件。那么我的问题是设置这种行为的最佳方式是什么? 最佳答案 最简单的解决方案是在您的DIV中向链接添加一个额外的onclick处理程序,以停止事件传播:Sometitlesomecontentst

javascript - 使用 jquery 检测鼠标何时通过页面顶部离开

这个Jquery问题已经困扰我一段时间了。我开发了一个脚本,其中一个功能是检测鼠标何时从页面顶部离开。这是代码:$(document).bind("mouseleave",function(e){console.log(e.pageY);if(e.pageYtimes[i][0]&&now.getTime()这对我来说适用于所有浏览器。由于某种原因,它在Chrome中随机运行,而对于测试该站点的friend来说,它在Firefox中似乎根本不起作用。在我的浏览器(firefox3.5.3)中,e.pageY在控制台框中记录为接近0的数字,但是在我的friend浏览器(也是firefox

javascript - 如何使用 jQuery 切换数据属性?

我需要在数据属性的两个可能值之间切换。如果data-state等于enabled,那么我想将其更改为disabled,反之亦然。$('.sites.state').on('ajax:success',function(data,status,xhr){varsite=$(this).parents('article').first();if(site.data('state')=='enabled'){site.attr('data-state','disabled');}else{site.attr('data-state','enabled');}});注意:我需要更改DOM元素和

javascript - 如何使用鼠标进入和鼠标退出或悬停

我想在鼠标悬停时显示和隐藏一个弹出窗口/工具提示。弹窗有多个,如下所示{{towerPoint.tower.name}}TowerName悬停在“.tower-details”我想显示“.popover”并在鼠标退出时隐藏“.popover” 最佳答案 要监听单个标签,您可以使用:@Component({selector:'my-component',directives:[PopUp],template:`xxxsomecontent`})classMyComponent{mouseover:boolean;}另见Whatisth

javascript - 在三个 js 中使用鼠标悬停更改网格的颜色

我已经使用jsonloader和three.js编写了一个显示多个网格的WebGL脚本,现在我想添加MouseOver和onClick事件。第一个是在鼠标悬停在网格上时简单地更改网格的颜色:functionrender(){requestAnimationFrame(render);mesh.rotation.z+=0.090;raycaster.setFromCamera(mouse,camera);varintersects=raycaster.intersectObjects(scene.children);for(vari=0;i上面的渲染函数允许我通过将鼠标悬停在任何网格上来

javascript - 鼠标悬停事件上的鼠标位置

是否可以在图像的mouseouver事件中获取准确的鼠标位置?如果我使用在文档鼠标移动事件上更新鼠标位置的函数,我可能会遇到延迟和此类事情的问题,并且无法获得准确的位置。 最佳答案 如果您正在寻找一个简单的JS来获取MouseOver事件的光标位置,这里是示例代码: functiongetPos(e){ x=e.clientX; y=e.clientY; cursor="YourMousePositionIs:"+x+"and"+y; document.getElementById("displayArea").inne