我创建了一个jsfiddle作为示例
在结果面板中，您将看到google地图和文本"abcdefghijk“...我希望当用户将鼠标移到这些文本上时，会弹出信息窗口。
我成功地写了脚本，但我有一个小问题是，当用户移动他们的鼠标从字母"a“到"k”信息窗口闪烁。
问题是因为这些文本在不同的html标记中，但我听到的是父html的鼠标经过，也就是DIV。所以这不应该发生，不是吗？
有什么帮助吗？
谢谢
浏览 2提问于2012-10-25得票数 3
回答已采纳
我有以下代码，可以在鼠标悬停时将DIV block向下移动20px：
$('.outerDiv').mouseover(function()
{
$(this).animate({marginTop: "+=20px",},500);
});
$('.outerDiv').mouseout(function()
{
$(this).animate({marginTop: "-=20px",},500);
});
div中包含另一个div。问题是，当鼠标位于内部div上时，会发生鼠标输出
浏览 2提问于2012-02-09得票数 1
回答已采纳
$(document).ready(function () {
$('img.menu_class').click(function () {
$('ul.the_menu').slideToggle('medium');
});
$('.img.menu_class').mouseover(function() {
$('ul.the_menu').slideToggle('medium');
});
});
我已经添加了这个鼠标悬停，但它不起作用，
浏览 0提问于2010-08-07得票数 0
回答已采纳
2回答
我正在尝试在div的鼠标输出上触发一个函数。但是，当您将鼠标悬停在div中的元素上时，它会触发mouseout。
<div id="my_div">
<div class="another_div">X</div>
</div>
<script>
$("#my_div").mouseout(function () {
alert('weeeee, I am out!');
}
</script>
这是有道理的，但是我如何测试mouseout事
浏览 0提问于2010-01-29得票数 0
回答已采纳
这是一个装腔作势的人：
加载页面时，第一次将鼠标悬停在邮件和LinkedIn选项卡上时，动画会跳转到端点框架。它应该是标签放置的动画。
在第一次悬停之后，一切正常，悬停行为与预期一样。尝试了鼠标输入、鼠标悬停和鼠标悬停。就我个人而言，我最喜欢鼠标输入，但那就是我。其行为类似于下面的水平主题按钮，它们不会显示跳转。真奇怪。
代码如下所示：
$("#zipperTabLinkedin a")
.mouseenter(function(e){
$(this).animate(
{padding:'30px 0 0 0'}
浏览 0提问于2012-09-28得票数 0
我有一个带有一些子元素的元素。当鼠标离开父元素时，我想隐藏父元素及其子元素。我遇到的问题是，当我将鼠标悬停在任何一个子对象上时，mouseout事件都会被触发。防止这种情况的最好方法是什么？我真的希望只有当鼠标不在父对象或其任何子对象中时，事件才会触发。
浏览 0提问于2010-02-08得票数 4
回答已采纳
在带有orthographicCamera的three.js中，当鼠标被缩放时，精灵将相应地放大和缩小。
var camera = new OrthographicCamera(width / - 2, width / 2, height / 2, height / - 2, 0.01, 100000);
var texture = new THREE.Texture( canvas );
var material = new THREE.SpriteMaterial ( { map: texture, transparent:false } );
var sprite = new THR
浏览 4提问于2021-03-26得票数 0
在我的程序中，QListWidget可以用在三个以上的地方。只有一个地方，QListWidget不发出信号itemEntered(QListWidgetItem*)。
我的代码：
MyListWidget::MyListWidget(QWidget* parent):QListWidget(parent)
{
this->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
this->setMouseTracking(true);
connect(this, SIGNAL(itemEntered(QL
浏览 40提问于2017-05-11得票数 0
1回答
我一直在尝试使用PostMessage()将鼠标单击发送到表单中的WebBrowser控件，但我遇到了一个相当严重的问题。我想要实现的是在最小化窗体的同时模拟鼠标在这个WebBrowser上的点击。通常情况下，PostMessage()可以很好地做到这一点，但似乎只有当我的表单有焦点时它才能工作。这让我相信，在处理鼠标事件之前，有一些检查正在进行，以查看我加载到WebBrowser控件中的特定网站是否处于焦点中。
这是我用我的程序发送点击的方式：
private void SendClick(Point location)
{
resetHand
浏览 4提问于2012-12-17得票数 4
回答已采纳
有没有人可以给我一些建议，如何让翻转效果像这个网站上的那样：
将鼠标悬停在磁贴上时，会有一个阴影落在磁贴上，并且图标和文本会层叠在顶部。我不确定它是使用jquery还是css，但我认为使用jquery会容易得多。
浏览 2提问于2014-07-28得票数 0
我基本上有一个侧边栏弹出菜单。我是用jQuery hover做的。然而，我有几个问题。如果我将鼠标悬停在一个元素上，并且我快速地从屏幕上移到浏览器上，onmouseleave就不会实际触发，而该元素会留在那里。另一方面，如果我将鼠标悬停在一个元素上并刷新页面(同时将鼠标留在那里)，则onmouseenter不会触发，直到我离开该元素并再次进入它。
我知道我可以使用CSS悬停，但我想要一些动画与弹出(如淡入，延迟等)
谢谢!
浏览 0提问于2011-07-12得票数 2
回答已采纳
1回答
我有一个包含元素(h3，img，p)的div。我想使用jQuery来检测用户何时将鼠标悬停在此div上，然后切换此div中的某个元素类。
我使用的代码如下：
$('.entry').bind({
mouseover: function() {
$('.readMore').toggleClass('inverted');
},
mouseleave: function() {
$('.readMore').toggleClass('inverted');
}
});
浏览 1提问于2011-11-08得票数 5
回答已采纳
我已经使用了下面提到的代码，所以在鼠标悬停时回答来更改图像。
$(function() {
$("img")
.mouseover(function() {
var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
$(this).attr("src", src);
})
.mouseout(function() {
var src = $(this).attr("src"
浏览 0提问于2011-10-13得票数 3
回答已采纳
1回答
首先，我必须说，我没有任何编码经验，但我会尝试解释，我试图获得成功。
我有两个图像的代码..。blue.png是彩色图像，bluebw.png是相同的黑白图像。代码只需更改鼠标上的图像即可。
<script type='text/javascript'>
$(document).ready(function(){
$(".blue").hover(function() {
$(this).attr("src","files/blue.png");
}, function
浏览 3提问于2012-03-17得票数 0
回答已采纳
我在这里写作，因为我的页面中的脚本有一些问题。我有一个关于菜单焦点的问题，我在一两周前在这个论坛上写了它，但是一个很棒的脚本告诉我，一个用户有一个bug，我不知道如何解决它。我已经尝试了很多可行的解决方案，但问题仍然存在。
下面是模拟我的问题的代码：
$(document).ready(function() {
$('#handle').mouseenter(slideIn);
$("#box").mouseleave(function() {
$(this).animate({
left: "-=
浏览 1提问于2012-11-29得票数 0
我使用此代码在鼠标打开时和鼠标离开元素时在两个图像之间淡入淡出。当鼠标移动太快时，这会产生一些不正确的过渡。如何防止这种情况发生？
我的代码：
$('.prods li').live('mouseenter',function() {
$(this).children('.label').stop().animate({top: '80%',opacity: 1}, 800, 'easeOutQuint');
if ($(this).children('.producthover')
浏览 1提问于2012-09-03得票数 2
回答已采纳
2回答
PPTK，设置相机位置
、、、
我尝试用下面的方法设置pptk的摄像头位置：
xyz = pptk.rand(100, 3)
v = pptk.viewer(xyz)
v.set(lookat=[0,0,0])
这样工作很好，相机的位置就会改变。但是当我用鼠标左键点击的时候，为了移动点云，相机的位置会回到原来的位置
你知道怎么保持摄像头的位置吗?谢谢
浏览 2提问于2020-08-04得票数 1
我有一个包含droplist的div标签。当鼠标悬停时，div从右向左滑动，在div标签滑动之后，我选择droplist，然后div标签自动向左滑动。它只包含FireFox，即IE。
这是测试链接：
function bindhover()
{
$('#style-demo').hover(function() {
}, function () {
$(this).animate({
right: "-600px"
浏览 1提问于2014-05-23得票数 1
2回答
我需要一个弹出动画鼠标悬停，就像这样，当你移动鼠标在驱动器上流量/赚钱内容/增加参与：
就像类. CSS 3-条目上的CSS动画。我不确定它是否也使用jQuery。
有谁能举个简单的例子吗？
非常感谢!
浏览 3提问于2016-01-04得票数 0
回答已采纳
当我将鼠标悬停在"#header“上时，这段代码将".now”向上移动20px，当我将鼠标悬停在“#header”上时，将其移回。
$(document).ready(function() {
$('#header')
.hover(function() {
$(".now").stop().animate({ top: -20 }, 'fast');
}, function() {
$(".now").stop().anima
浏览 1提问于2012-11-21得票数 0
1回答
te)。在iFrame的代码中，还有另一个iFrame，它包含另外两个页面(绿色和蓝色)。
在Red页面中，我有一些Javascript，它允许当鼠标悬停在屏幕右侧(从右300px)时显示一个隐藏的侧边栏。这可以很好地工作，但是如果用户将鼠标拉开，光标悬停在iFrame中的红色或绿色页面上，侧边栏将不会缩回。但是，如果用户将光标缩回红色区域(顶部和左侧)，则侧边栏会按预期缩回。我假设在红色和绿色页面中没有代码告诉侧边栏在鼠标悬停时退回。
我的问题是，我的Javascript真的很烂。不管鼠标光标在哪里，我该如何让侧边栏缩回呢？任何帮助都将不胜感激。谢谢
$(window).on('
浏览 0提问于2017-05-17得票数 0
1回答
鼠标悬停时的CSS1雪碧图动画？
、、、、
我知道如果我将鼠标悬停在CSS1雪碧图上，它会切换到悬停图像，但有没有办法让它在鼠标悬停时按顺序加载更多图像，就像动画一样？请注意，没有CSS3响应，并不是所有浏览器都完全支持CSS3动画。谢谢
浏览 6提问于2013-12-09得票数 0
3回答
如何将显示在父窗口鼠标上方的手形鼠标指针更改为jquery colorbox中的指针形状？
浏览 0提问于2011-06-21得票数 0
回答已采纳
1回答
我有以下代码
<div onmousemove="myFunction()">
<iframe src="www.someotherdomain.com"/>
</div>
我希望当用户将鼠标移到iframe上时执行myFunction。在跨域场景中，是否可以将iframe上的事件冒泡到父元素？我该怎么做呢？
PS:-我不能使用中提供的解决方案
或
因为我希望用户能够与iframe中的内容进行交互。
浏览 1提问于2015-09-10得票数 1
2回答
我正在尝试创建一个鼠标悬停效果，文本(或图像)会在鼠标悬停时下降到50%的不透明度。
因为我是为电子邮件签名创建的，所以我被限制只能使用内联CSS和HTML。
浏览 0提问于2013-09-04得票数 0
1回答
我正在使用D3.js渲染3000个SVG圆圈。D3.js工作得很好，但是你需要用鼠标移动它们。在我的Safari桌面上工作得很好，但是，当我在Ipad上渲染它们时.从15 FPS降到2/1 FPS。
如果我只画500圈..。钢铁贫乏。有没有更好的表现的方法？
我用这个移动它们：
var diff = this.lastClientX - getD3MousePosition().X;
if(isNumber(diff)){
this.XLines.forEach(function(line){
li
浏览 5提问于2012-08-03得票数 4
2回答
我有一个div，当我将鼠标悬停在它上面时，我有一个子div (另一个div)要进行动画处理，但是当我将鼠标悬停在子div上时，父div失去了焦点，子元素开始返回动画，就好像我离开了父div一样。
下面是我使用的代码：
$$(".slide .item").each(function (element) {
element.observe('mouseover', function (event) {
element.writeAttribute('doing_animation', 'true');
浏览 1提问于2009-07-15得票数 2
回答已采纳
我可以只使用CSS3和HTML5在没有JavaScript的页面中通过鼠标移动div或表吗？
我已经这样做了，但是当鼠标悬停移动时，div会自动移动。
浏览 0提问于2013-03-09得票数 2
我有一套四个DIV，每个都有一个段落的标题。我希望每个DIV在鼠标悬停时展开以显示一小段，然后在鼠标输出时收缩回来。jQuery工作正常。唯一的问题是，如果我在四个DIV上快速地来回跟踪光标几次，它似乎会破坏函数。
它所做的只是随机地扩展和收缩各种DIV，而没有任何可识别的模式。
$('#iam_writer').hover(function(){
$(this).animate({'height' : '120px'}, 'slow');
$(this).on('mouseleav
浏览 1提问于2013-02-23得票数 1
3回答
我有这个HTML：
<div>
<div id="wrap">
<div id="pop">Hello</div>
Here is some content
<br />
It is several lines long.
<br />
This is the end of it.
</div>
</div>
和这个JavaScript：
$(funct
浏览 1提问于2012-06-06得票数 3
回答已采纳
因此，当我在一个对象上快速移动鼠标时，它不会触发它的动画，直到用户在该对象上按住鼠标超过指定的毫秒数。我不相信只用CSS3就能做到这一点，但也许我错了？
这种效果是因为，如果我有一堆链接，并且每个链接都启动了一个小工具提示气泡，如果用户在屏幕上移动鼠标来单击某个东西，我们不希望所有这些工具提示气泡都显示出来。
浏览 3提问于2011-12-20得票数 1
回答已采纳
基本上，无论我使用IE访问哪个网站，我都可以看到那些黑白的形状，一旦我移动鼠标，它们就会消失。
想知道是否有人知道是什么导致了这一切？
还有：
浏览 1提问于2014-12-02得票数 4
回答已采纳
1回答
我试图在鼠标翻转上顺时针旋转一个元件90度，并将它恢复到鼠标输出时的原始位置。
实现这一点很简单，但是当我尝试使用.animate()函数使它看起来像是一个转换时，什么都不会发生。
这里有一个，它可以帮助您理解我想要的东西。
浏览 4提问于2015-04-16得票数 0
回答已采纳
如何使用Jquery或CSS3将悬停的div (鼠标悬停时)动态显示到屏幕左侧，并在另一个下面显示新的div，这是该问题的图像链接：
浏览 1提问于2013-01-30得票数 0
回答已采纳
2回答
我是一个带有jquerys mouseover/mouseout事件的dom对象。这很好，除非在运行之前的动画时鼠标被输入/退出。然后，它跳到下一个看上去丑陋的动画的开头。
如何才能避免这种情况？
$("#leftlogo").on("mouseover", function(t) {
$(t.target).css("animation-name", "left-over");
}).on("mouseout", function(t) {
$(t.target).css("animati
浏览 0提问于2014-04-11得票数 1
回答已采纳
<div id='main'>
<fieldset>
<legend>Feed</legend>
<div class='user_show_finds'>
<span>
<h3>
product name
</h3>
<p>
<a href="/products/1">
浏览 0提问于2011-03-10得票数 0
回答已采纳
我有两张图片。我想让第二张图片在我将鼠标移到第一张图片上时淡入，当我从第一张图片中“鼠标移出”时淡出。
我怎样才能用css3完成这个任务呢？
我提前感谢你的回复。
浏览 0提问于2012-06-05得票数 0
回答已采纳
我需要建议。我需要制作一个富文本编辑器，但只用于div标签。用户可以移动div，通过拖放更改两个div的位置(添加重力)，使用鼠标指针拉伸div的宽度和高度。所有可以编辑的div都在一个父div中。我的问题是，因为我是JavaScript的新手，哪个库最适合做这些事情，有没有人用一些库做过类似的事情？
浏览 1提问于2012-05-05得票数 0
回答已采纳
我只想允许一个悬停事件时，一个元素已被取消悬停一段时间，如果鼠标重新进入悬停元素，我希望它的行为，就像鼠标从未离开。
ex: a导航在CSS：上有一个下拉列表，如果用户鼠标错误地离开悬停元素，我想设置一个计时器来检查鼠标是否已经被解压超过500 by，如果如此关闭下拉菜单；如果鼠标在这段时间内重新输入，停止关闭事件并离开菜单打开。
HTML::
<nav>
<ul>
<li>ghetto nav item 1
<ul>
<li>awful Dropdown item</li>
浏览 3提问于2015-09-10得票数 0
回答已采纳
假设我的鼠标从elementA移出并悬停在elementB上。
事件被触发的顺序是什么？
浏览 0提问于2012-04-04得票数 4
回答已采纳
1回答
演示： (我知道它有点生疏)。
截图：
将鼠标悬停在蓝色矩形上可显示登录面板。它完全按照我想要的方式工作，例外的是，如果你双击一个输入表单来显示之前输入的用户名，通过将鼠标悬停在建议的用户名上，面板就会淡出away...jQuery认为我的鼠标已经离开了div，而实际上并没有离开。
以前有没有人遇到过这样的事情？有谁知道解决办法吗？
谢谢。
浏览 1提问于2010-06-24得票数 0
回答已采纳
1回答
为什么在悬停时不停车？
、、、
为了阻止鼠标悬停，我做了以下工作：
CSS:
<style type="text/css">
.wm {
border: solid 2px;
border-color:#0aa2e3;
border-radius: 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}
marquee:hover {
animation-play-state:paused;
}
</style>
浏览 1提问于2014-07-30得票数 0
2回答
我知道这是一个非常愚蠢的问题，但我正试图在鼠标悬停时显示和隐藏div，但当鼠标悬停在div上时，它只起作用一次，然后div就会淡出，不会再淡出。我是不是遗漏了什么？
提前感谢
这就是它的实际作用：
浏览 0提问于2012-01-17得票数 2
回答已采纳
那些看过google plus的人可能知道我在说什么……
本质上，我的问题是这样的。我想要一个半径的圆，例如一些像素的圆圈，中间是文本。鼠标悬停时，圆圈的轮廓扩大了5倍。当我鼠标移出时，圆圈逐渐缩小到原来的大小。如果单击圆圈中间的文本，则会弹出某种警告框。
做这件事的好方法是什么?怎么做？它是否涉及div标签？
浏览 0提问于2011-07-21得票数 1
1回答
我的地图上有一堆标记，我希望当你将鼠标悬停在每个标记上时，图像就会淡入。
到目前为止，InfoBox本身没有不可见的背景图像，一旦InfoBox打开，jQuery效果就会应用到图像上，但是当我使用相同的mouseover事件显示打开InfoBox时，我无法获得触发的效果。当我使用一个带有单独的DOM侦听器的'click‘事件，但是由于某种原因，鼠标悬停事件不会触发它时，它就起作用了。
下面是我试图开始工作的代码片段(其中".hello“设置为"opacity:0")：
var infoBox = new InfoBox({myLatlng: marker.get
浏览 1提问于2012-06-22得票数 1
4回答
我想使发光的HTML和CSS的文本。我正在学习本教程。
我想让文本发光，就像Windows Vista和7上的最小化、最大化和退出按钮一样，当你将鼠标悬停在它们上面时，它们会发光。
我在网上读了8篇教程，都说滤镜只适用于IE (完全的BS btw，我使用的是IE9 RC，它甚至不能显示)，所以我找到的关于glowing的教程都不适用于<p>, <a> <h1>等文本。
如何使我的文本在悬停时发光？(无图像)
浏览 1提问于2011-03-05得票数 17
1回答
在Webkit浏览器中，可以使用CSS设置滚动条的样式：
::-webkit-scrollbar-thumb {
border-radius: 12px;
background: #EEE;
-webkit-transition: background .2s ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
background: #AAA;
}
但是，当我将鼠标悬停在滚动条上时，-webkit-transition似乎不适用。它的行为应该是这样的，还是中有一些错误
浏览 2提问于2013-02-24得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
