草庐IT

javascript - 鼠标悬停期间附加的跨度上的单击事件未触发

我将span附加到mouseover上的div,我只想触发对嵌套span的点击。感觉我已经尝试了所有的运气。http://jsfiddle.net/NHHSX/1/我找到了几个类似的,但不幸的是它们也没有成功。 最佳答案 将mouseover更改为mouseenter并使用事件委托(delegate)$('.container').on('mouseenter',function(e){$(this).append('Iwantthistobeclickable..');}).on('mouseleave',function(e){

javascript - Snap.svg - 停止在悬停元素的子元素上重新触发悬停事件

对于一个项目,我使用的SVG形状由背景多边形和背景多边形上方的一些文本(我已将其转换为路径)组成。我正在使用Snap.svg为我的形状制作动画。当我将鼠标悬停在我的多边形上时,形状应该缩放到特定大小,包括其中的所有内容。鼠标移开时,形状会缩小到原来的大小。在这里你可以找到一个简化的例子:http://jsfiddle.net/XwwwU/11/我是这样实现的:SVG/HTML"/>JavaScriptvars=Snap.select('svg');varel=s.select('.el');el.hover(function(){el.animate({transform:"t0,0s

javascript - 在鼠标悬停的 SVG 路径周围添加区域

有没有办法在svg生成的图形中的直线路径上添加区域?我希望用户能够将鼠标悬停在附近上,而不仅仅是悬停在折线图上的一条线上,并在鼠标悬停后发生一些事情。目前,使用我的代码,您必须将鼠标悬停在实际的行上。但是我想在该行周围设置一个区域。(给路径加padding好像不行) 最佳答案 我的方法是在第一个上绘制第二个路径,它使用相同的数据和线条功能,但它是透明的并且具有更大的stroke-width。然后将mouseover和mouseout监听器附加到fatter行。在这里fiddle:http://jsfiddle.net/henbox/

javascript - 父子悬停未按预期工作

我有一个这样的HTML,其中内部是子div,外部是父div。我必须实现的目标:激活鼠标悬停在上面的那个div。我调用了jQuery的悬停函数,它帮助我添加和删除事件类。问题:当我将光标向上移动到innerchilddiv时,它被激活,但是当我将光标从内部div移出到外部父div时,它缓慢地被激活,外部没有被激活。我也跟踪了鼠标的移动。https://jsfiddle.net/Simplybj/zaz1qh8e/2/.结果:当内部div悬停时,外部div的mouseout没有触发$('div').hover(function(){$('div').removeClass('activeH

javascript - 在 JQuery 插件中拖动元素时禁用悬停、文本选择等

我有一个轮播基于:http://nooshu.com/explore/jquery-iphone-animation/当您在抓取和拖动过程中时,您很容易选择文本。如果面板中有链接,我会收到悬停消息等...我想禁用所有这些,因此当您在拖动过程中时,其余的交互将被禁用。想法? 最佳答案 像这样创建一个样式类:.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-ms-user-selec

javascript - 如何在 keydown 上使用 Javascript 模拟悬停?

首先,我只想使用nativeJavaScript来完成此任务。假设我要制作一个自定义下拉菜单,HTML代码看起来有点像这样。SelectathingItem1Item2Item3Item4Item5Item6在CSS文件中我有类似的东西:ul.dropdownItemContainerli:hover{background-color:#FF0000;}是的,确实没有下拉行为,但这实际上不是讨论的重点。问题是我想不出一个合适的方法来为此下拉菜单启用键盘控制。期望的结果如下:我按下向下键,第一个选项被突出显示;我再次按下它,第二个选项被突出显示,依此类推。此时我看到的唯一选择(刚开始学习

javascript - div悬停的不透明度

到目前为止我已经得到了这段代码http://jsfiddle.net/Nq79H/1/但我想淡出图像以便只留下可见的文本。我需要更改javascript还是编写新的cssdiv?$('.text').hide().removeClass('text').addClass('text-js');$('.thumb').hover(function(){$(this).find('.text-js').fadeToggle();}); 最佳答案 ...butIwanttofadeouttheimageinordertoleaveonly

javascript - jQuery 图片悬停效果

我正在努力实现thiseffect使用jQuery。我写了一些代码,但它有问题(移到右下角,你会看到)。checkitout基本上,如果您知道有一个已构建的jQuery插件可以执行此操作,我会非常乐意使用它,如果没有,我将不胜感激。这就是我在数学课上不专心得到的结果:)提前致谢。麦克尔 最佳答案 总的来说,我认为这就是您要找的:$.fn.sexyImageHover=function(){varp=this,//parenti=this.children('img');//imagei.load(function(){//getim

javascript - d3 - 将鼠标悬停在图例上以突出显示相应的数据

使用d3成功创建了热图。这是FIDDLE.我对使用d3的mouseover事件有一些基本的想法。但现在我想更进一步。这就是我要找的。当我将鼠标悬停在图例上时,我希望悬停的图例各自的数据在图表中突出显示。有人可以帮我实现吗? 最佳答案 您没有将数据绑定(bind)到图例,这使得这项任务有点困难,但您仍然可以相当轻松地完成它。这个想法是将由填充颜色定义的类分配给rect元素,然后在鼠标悬停处理程序中进行相应的选择。代码如下所示。//fortherectangles.attr("class",function(d){return"hour

javascript - 将鼠标悬停在 jquery 上,将 Div 展开

我实际上是在尝试在表格中构建产品列表。我已经有了从数据库中获取数据并将其放置在页面中的php代码,但我受困于jquery和javascript,我在这方面是个菜鸟。我一直在阅读一些文档,然后我使用了这个脚本:JavaScript$(window).load(function(){$('.principale').hover(function(){$(this).animate({width:215,height:350,margin:0,},'fast');/*$(this).animate().css('box-shadow','0010px#44f')*/$(this).anima