用鼠标位置改变图像
我在页面顶部有一个图像,希望它从静止状态更改为左侧,然后根据您在页面上的鼠标位置而更改.请帮助我 解决方案 您最好的选择是使用 mousemove 使用事件参数跟踪鼠标位置. 这是一个 jsfiddle示例. $(document).mousemove(function(event){ var mloc = { x: event.pageX, y: event.pageY }; if( (mloc.x >= 0 && mloc.x = 0 && mloc.y = $(docu
8 2024-01-18
编程技术问答社区
第二个事件上的Jquery onmouseover触发器
我已经在jQuery中创建了以下功能 function menuItem(x,i) { var imgALT = $(x).text(); $(x).mouseover(function() { $(x).parent().parent().parent().children("img").attr("src", "menu/menu"+i+".jpg"); $(x).parent().parent().parent().children("img").attr("alt", imgALT); $(x).parent().children("span").css("color", "#FFFFFF"); $(x).css("color", "#CA0109"); }); }; 我使用以下内容触发它: 月亮蝦餅 (2份) 它的工作原理
10 2024-01-18
编程技术问答社区
鼠标移过和离开时,在图像地图上随机触发。
我对OnMouseover和Onmouseleave事件有问题.此代码只能有5%的时间工作,我不明白为什么.当我悬停在图像图上时,只需查看控制台即可.它触发了人们的声音,然后触发了onmouseleave,然后再次发起人.如果我评论引导模式显示并隐藏,则图像正常换成事件.我不知道这是Bootstrap模式的问题还是什么,但是我在正常触发的同一页面上有两个呼叫的操作按钮.任何帮助是极大的赞赏. 这是我的jQuery function openAutomation(){ console.log("openAutomation"); $('#image-map').attr('src', automation); $('#automationModal').modal('show'); }; function openIntegration() { console.log("openIntegration"); $('#imag
2 2024-01-17
编程技术问答社区
在鼠标盖上加载内容
我想在DIV内的图标的鼠标上加载DIV的内容.此外,鼠标应仅发射一次,最好是加载内容后图标应消失. 将在de div中加载的内容将是带有社交媒体按钮的外部文件.如果您想知道;我不希望他们加载页面的其余部分,因为它们会放慢脚步.另外,一些访问者可能对FB和G+等网站不满意跟踪其互联网运动. 所以,我收集了一些代码并复制了一些粘贴,这就是我想到的: 事实是,它可以很好地工作:)但是,由于我从3个不同的来源得到并粘在一起的代码,所以我的问题是它是否好吗?例如,我从来没有尝试找到一种删除鼠标上图标的方法,它只是:
0 2024-01-16
编程技术问答社区
在gridview项目模板中,当div设置为无显示时,如何在鼠标移动时显示/隐藏div?
Box Div将在Pageload期间隐藏,当我们悬停在其上时,它应该显示,应该显示它,并且应该隐藏它.任何身体都可以暗示我如何在jQuery中做,我是jQuery的初学者:) 更新此DIV放置在GridView的ItemTemplate中.会工作吗?与您提供的答案有关? Highlight it Reset 解决方案 您最好使用CSS中的可见属性而不是显示:没有一个开始,因为显示:没有一个会删除容器本身的空间. 尝试一下 http://jsfiddle.net/sfuhn/7/7/ 您的HTML应该看起来像这样
6 2024-01-16
编程技术问答社区
为jquery事件添加鼠标移动时的延迟
我正在尝试为孩子的鼠标事件添加一个简单的延迟,并遇到困难. (仍在学习!) 这使我能够在延迟后显示弹出窗口,但同时显示了所有弹出案: onmouseover='setTimeout(function() { $(\".skinnyPopup\").show(); }, 600)' 这只能显示我想要的弹出窗口,没有延迟: onmouseover='$(this).children(\".skinnyPopup\").show()' ,但是组合没有: onmouseover='setTimeout(function() { $(this).children(\".skinnyPopup\").show(); }, 600)' 任何帮助将不胜感激.谢谢! 解决方案 您需要定义执行时this是什么,类似的事情将有效: setTimeout($.proxy(function() { $(this).children(".skinnyPopup").
2 2024-01-15
编程技术问答社区
如何使用jquery在悬停在一个图标上时显示一个简单的文本框
我在html中有一个输入字段,并且在字段旁边有一个帮助图标(?), 当我徘徊在图标上时,我希望显示一条简单的短信,并且在徘徊时,文本消息应消失. 有什么方法可以使用jQuery? 图标将是一个简单的图像,即一个小问号. 文本将是"在框中输入您的名字" 解决方案 您可以使用"工具提示"在图标上使用鼠标在鼠标上传播文本, 这是一个很好的例子. with-jquery-inly-text/ 这也是一个很好的例子,您可以以类似的方式实现鼠标! http://api.jquery.com/mouseover/ 也检查此示例, http://jsfiddle.net/dlqsx/ 其他解决方案 即时创建一个DOM元素,然后使用目标元素的偏移固定.您可以在鼠标事件中附加元素的创建,以及目标元素的鼠标之路事件的破坏. 假设您的目标页面元素具有ID myid: 在声明MyID元素后,将其添加到您的"就绪功能"或脚本标签上: $('
0 2024-01-14
编程技术问答社区
怎样才能只在悬停菜单项或div时显示一个div?
我在无序列表中包含项目.我在此列表之外有隐藏的div(使用显示:无;).当您悬停在列表项目上时,我希望Div出现.如果您将鼠标从列表项目移至DIV下方,也必须保持可见. 我愿意通过CSS,JavaScript/jQuery实现这一目标.另外,我的文档设置为HTML5. 这是我目前正在与之合作的. First Link Second Link Third Link
0 2024-01-13
编程技术问答社区
鼠标悬停画布/形状
我在jQuery中有此代码.我想更改鼠标上各个形状的不透明度百分比.我通常没有这种问题,但我对画布不了解... 任何帮助/建议都会很感激!预先感谢! var canvas = document.getElementById('canvas'); if (canvas.getContext) { var ctx = canvas.getContext('2d'); ctx.canvas.addEventListener('mousemove', function(event){ var mouseX = event.clientX; var mouseY = event.clientY; var status = document.getElementById('status'); status.innerHTML = mouseX + " | " + mouseY;
2 2024-01-12
编程技术问答社区
鼠标移过,同时按下鼠标
我有一张大桌子,每个单元格为25x25,每个单元格内部为25x25.每个DIV都有"节点"类,并且将背景颜色应用于它们.我正在编写一些jQuery代码,这些jQuery代码将在鼠标按钮下方时改变每个DIV的颜色. 我当前有它,因此当我鼠标赶上时它可以正常工作,但是我只希望在鼠标按钮下方时起作用.我已经尝试了许多不同的方法来使其正常工作,但是到目前为止,我还没有看,以下是我当前的代码. $(document).ready(function(){ $(".node").mouseover(function(){ $(this).css({background:"#333333"}); }); }); 解决方案 尝试这样的事情: $(document).ready(function(){ var isDown = false; // Tracks status of mouse button $(document).mousedown(fun
0 2024-01-11
编程技术问答社区
在悬停/鼠标悬停上启动youtube视频
我正在尝试使YouTube视频从悬停开始.当用户徘徊在另一个视频上时,它将暂停(不停止)... 我被困在悬停命令上.有人可以帮我解决吗? 该页面有16个视频,这是JSFiddle的工作代码,其中包含3个视频为例. http://jsfiddle.net/sebwhite/sebwhite/gpjn4/ 视频: javaScript: function onYouTubeIframeAPIReady() { player = new YT.Player('player', {
6 2023-12-25
编程技术问答社区
WinForms-禁用默认的鼠标在项目上悬停的行为?
我有一个带有项目的ComboBox.我也有一个SelectedIndexChange事件. 当我打开ComboBox并悬停在一个项目上时,SelectedIndex属性似乎会更改为该项目.我只想在单击该项目时更改它.是否可以禁用该行为? 我有一个计时器,它基于ComboBox的SelectedIndex刷新Image,但即使我突出显示项目但不选择,为什么Image为什么不应该更改Image而且只有在我选择一个项目时才能更改. 解决方案 问题 当鼠标在ComboBox的项目上移动时,SelectedIndex会更改,但SelectedIndexChanged事件不会发射,因此在计时器Tick事件中,您将看到更改,而Tick t火. 重现问题的方案 要简单地重现问题,将Timer放在表单上并启用它,然后处理其Tick事件.还要添加ComboBox并在其中添加一些项目并处理其SelectedIndexChanged事件.当您打开下拉列表并将鼠标移到项目上时,您将
0 2023-12-10
编程技术问答社区
当元素被禁用时,触发onmouseover事件
我有一些控件,当用户没有编辑特权时,我需要禁用这些控件,但有时不足以显示所选选项元素的整个文本.在这种情况下,我添加了一个使用ASP.NET和以下代码 的工具提示. ddl.Attributes.Add("onmouseover", "this.title=this.options[this.selectedIndex].title") 当启用控件时,这起作用,但在禁用时不起作用. 当鼠标超过选定元素时,以下警报不会发射: Disabled 请参阅此 fiddle . . q :我可以为disabled>? 的控件发射onmouseover事件 解决方案 禁用元素不会发射事件,例如用户不能悬停或单击它们以触发弹出窗口(或工具提示).但是,您可以用DIV包装禁用元素,然后收听该元素上触
4 2023-11-14
编程技术问答社区
使用Selenium IDE,我怎样才能在bootstrap脚本化的UI中用鼠标移动元素?
我正在尝试使用bootstrap(我尝试使用按钮或仅仅是IMG类)将鼠标悬停在站点中的元素上,但没有运气.这是我想鼠标的元素,其中显示了一些内容(我想验证)这样做.谢谢 我尝试了下面对我不起作用的操作: mouseOver xpath of element location mentioned above 解决方案 当MouseOver通过GoogleSearch按钮时,请参见下面的Google示例,然后按钮模糊. open https://www.google.co.i
12 2023-10-28
编程技术问答社区
如何检测一个浏览器是否支持鼠标移动事件?
让我们假设我有一个网页,该网页具有一些笨拙的JavaScript行为,可以删除菜单(或类似的内容) 显然,这不会在iPad或智能手机之类的触摸设备上使用. 如何检测浏览器是否支持诸如OnMouseover或OnMouseOut和:CSS中的悬停pseudotag之类的悬停事件? 注意:我知道,如果我担心这一点,我应该以不同的方式写它,但是我很好奇是否可以进行检测. 编辑:当我说"支持悬停事件"时,我的意思是,``浏览器是否具有悬停事件的有意义表示".如果硬件支持它,但是该软件没有(反之亦然),则没有有意义的表示形式.除了一些 >,我认为任何触摸设备都没有悬停事件的有意义的表示. 解决方案 var supportsTouch = (typeof Touch == "object"); 只需检测是否是触摸设备,然后做您的特殊工作. 这是最简单的方法,因为大多数触摸设备都模仿了鼠标事件,但是没有鼠标驱动的设备效仿触摸事件. 更新:考虑到现在有多少个设备
2 2023-10-24
编程技术问答社区
像谷歌图片一样在悬停处增长图片
大家好,我正在尝试完成一些悬停图像的成果 这是我所拥有的: 工具提示是偏移的,并且基于Walter Zorn工具提示.让Mouseover弹出窗口像Google图像一样(带有文本)而不是跟随鼠标的最佳方法是什么? (我仍然需要使用相同的工具提示进行操作 - 也许覆盖它,但是必须存在文本和图像,这只是我需要创建帮助的定位和显示方法,任何样本都将受到赞赏) 解决方案 您可能想看看jQuery. 其他解决方案 这可能是一个不错的开始 http://jsfiddle.net/zwheu/
8 2023-10-24
编程技术问答社区
ThreeJS-如何只挑选一种类型的对象?
我是Three JJ的新手,并且通过射线播种来挑选对象有问题.我创建了一些球和一些线,但只想更改鼠标上的球体.我想我需要在射线广播代码中添加一些条件,但我不知道什么... 这是我的代码,希望任何人都可以提供帮助: 这创建对象: var numSpheres = 10; var angRand = [numSpheres]; var spread = 10; var radius = windowY/5; var radiusControl = 20; //sphere var sphereGeometry = new THREE.SphereGeometry(0.35, 100, 100); //line var lineGeometry = new THREE.Geometry(); var lineMaterial = new THREE.LineBasicMaterial({ color: 0xCCCCCC }); //create dynamica
6 2023-10-20
编程技术问答社区
带有JPopupMenu的JTable
仅当在选定的JTable'Row JTable'Row 上Mouse Cursor时,我才能防止触发和显示JPopupMenu 我的问题:是否有另一种方法为getBounds从选定行中getBounds并确定/与Mouse位置进行比较... 我的简单SSCCE证明了只是未赋予的相反状态,可以选择任何行,并且JPopupMenu是从整个JTable 触发的 import java.awt.event.*; import javax.swing.*; import javax.swing.table.*; public class TableCheckBox extends JFrame { private static final long serialVersionUID = 1L; private JTable table; public TableCheckBox() { Object[] columnNames = {"T
6 2023-10-10
编程技术问答社区