1回答
我在我的html页面中包含了两个JavaScript文件。第一个是：
需要创建一些悬浮卡()。
第二个JavaScript是最新的jQuery。我需要这个来创建一些页面上的动画。
当两个JavaScript文件都在页面中时，我的悬浮卡片停止工作。当我删除jQuery文件时，鼠标悬停卡又回来了。
为什么jQuery会停止prototype.js文件的工作？我该如何解决这个问题，这样我才能同时使用这两个工具呢？
浏览 2提问于2011-10-25得票数 0
回答已采纳
1回答
关于悬停增加节点半径
、、、
我正在用D3.js的强制布局开发一个网络图，我被鼠标卡住了。当我悬停一个节点时，我希望与它相关的链接和子节点(一跳)在大小上扩展。现在，我的代码增加了悬浮节点的大小，增加了与其关联的链接，但没有增加与其关联的节点。
这就是我迄今所尝试过的，
鼠标在悬停的节点上会展开-
function mouseover(d) {
link.style('stroke-width', function(l) {
if (d === l.source || d === l.target)
return 4;
});
d3.select(this
浏览 2提问于2016-06-03得票数 2
回答已采纳
我有一个滑块，当你把鼠标悬停在上面时，它需要暂停。当您将鼠标悬停在上面时，和会工作，继续移动鼠标。当鼠标在它上方并且静止时，滑块再次启动。我想让它停下来，即使鼠标是静止的。以下是代码：
$('slider').observe('mouseover', function(e) {
my_glider.stop();
});
function startGlider1() {
my_glider.start();
}
$('slider').observe('mouseout', function(e) {
i
浏览 6提问于2013-03-02得票数 0
3回答
我创建了一个非常基本的示例：
<div id="bla"></div>
CSS
#bla {
width:400px;
height:400px;
background-color:green;
display:none;
}
#bla:hover{
background-color:red;
}
如您所见，这是一个最初隐藏的DIV，当鼠标悬停在上面时，它会改变颜色。
这个JavaScript在2秒后打开它。
setTimeout(function() {
document.getElementById
浏览 4提问于2014-01-02得票数 12
回答已采纳
我尝试用以下代码向html元素添加一个悬浮类：
.block {
height: 50px;
width: 200px;
background: yellow;
}
.shadow {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=&#
浏览 0提问于2018-11-05得票数 2
回答已采纳
5回答
我在改变标签的外观方面有问题。这是截图：
这是当你悬停鼠标时的颜色，我想要它那样。我想要的是当我点击它的时候，它能保持这样的颜色。但是因为我的鼠标控制，它不会像我想要的那样工作。
以下是代码：
private void btnArchives_MouseEnter(object sender, EventArgs e)
{
lblArchives.BackColor = Color.FromArgb(9, 18, 28); //darkercolor
}
private void btnArchives_MouseLeave(object
浏览 8提问于2017-02-06得票数 4
回答已采纳
我有一个按钮，在一个网页上，我正在为自己，访问一个菜单，我通常已经隐藏。但是当我把鼠标悬停在上面的时候，我想让按钮突出显示。为了满足这个要求，我使用悬浮()并单击() JQuery方法。单击可以正常工作，但是当我添加悬停时，它不仅不能工作，而且还会阻止单击事件的工作。我使用的代码如下，
HTMl
<div id="menu"><input src="button.png" class="menuButton" type="image"></div>
<div id="menuBox
浏览 3提问于2015-07-15得票数 0
回答已采纳
1回答
div:悬停在IE-8中很奇怪。
、、、、
我知道这可能很荒谬，你可能会说你为什么要发明轮子，但这是我目前正在做的一项实验，它将在未来的项目中帮助我，目前对我来说完全没有任何经济利益。
整个概念是：
我用Excel编写了一段代码，它打开了IE的一个实例，允许我将我的java脚本代码附加到网页的内容中并执行它( Firefox的一个羽翼未丰、不可比拟的对应程序)。到目前为止还算成功。
我的java脚本代码添加了一个菜单，它基本上是页面右下角的一个窄条，但是当鼠标进入它时，它的outerHTML转到：
在应用的整个CSS样式中，我的问题是.MenuChoices和.MenuChoices:hover类，它们如下所示
.MenuC
浏览 2提问于2012-03-03得票数 1
6回答
我的目标是，如果在悬浮时，如果单元格已经处于活动状态，则悬浮的TD将是黑色的(用于失活)，而对于仍然不活跃的单元格，则为橙色(用于激活)。
但是使用我的代码，每次我将它悬停在td上时，颜色就不会返回原来的背景色。(仍然是橙色或黑色，甚至鼠标离开)我应该使用什么事件？
$("td").hover(function(){
var cell = $(this).html();
if(cell == "")
$(this).css( "background-color", "orange");
e
浏览 6提问于2014-03-05得票数 0
我对Grails非常陌生，我想获得关于每个函数的信息，就像我在java/android中通过Windows->Preferences->Java->Editor->悬浮鼠标一样。
我正在使用Groovy/Grails工具套件版本:3.6.4 Version
浏览 0提问于2015-10-27得票数 0
回答已采纳
jQuery在一个方法上安装相同元素的单击和鼠标悬停事件的事件处理程序。问题是，当我只使用悬浮方法时，它可以工作，但不适用于单击方法。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MyInformation</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></scrip
浏览 3提问于2018-10-02得票数 1
回答已采纳
3回答
我想我的问题很简单，但我是JavaScript的真正初学者，我找不到我想要的东西：
当鼠标在导航或ul上时，我正在试图得到一个li的ID .我的HTML结构是：
<nav><ul id="menu">
<li id="FirstLink">Link1</li>
<li id="SecondLink">Link2</li>
<li id="ThirdLink">Link3</li>
</ul></nav>
因此，我
浏览 0提问于2013-10-16得票数 5
回答已采纳
所以，这是我来自社区的第一个问题。
问题：，我想展示一个div &用动画增加悬浮div的宽度。
问题：I通过jQuery&css实现了这一点，但是，问题是在持续徘徊的情况下，动画不会停止。所以，我想在鼠标离开div后，从内存中清除之前的动画。
我搜索并发现类似于stop()的东西可以使用，但是我没有得到想要的结果。
提前感谢！
浏览 2提问于2012-07-28得票数 2
回答已采纳
1回答
当鼠标指针在项目上时，我试图更改Bulma变量$ navbar - item -悬浮背景色，以更改我的Bulma导航栏中某项的背景色，但它不起作用，颜色仍然相同--这是我的scss文件。
@charset "utf-8"
$blue1: #0070c0;
$blue2: #00259e;
$blue3: #285aff;
//custom Bulma color
$info: $blue2;
$primary: $blue3;
$lime: #05F554;
$navbar-item-hover-background-color: $lime;
@import "
浏览 1提问于2021-12-23得票数 1
2回答
我的字体是#fff，鼠标上方是#3 3cf。
我很困惑如何使用多个I和a:悬浮来编写css。
#btn1, #btn2, #btn3
{
background-color: #003399;
color: #FFF;
}
#btn1, #btn2, #btn3, a:hover
{
color:#3cf;
}
谢谢..。
浏览 6提问于2015-05-13得票数 0
回答已采纳
1回答
我环顾了一下我想要达到的目标，但却找不到合适的答案。
基本上，我无法使代码正确地检测到鼠标进入并留下一个与另一个div重叠的div。这就是我的现状：
工作演示：
HTML：
<div style='height: 100%; width: 100%;padding: 30%;'>
<div class='box'>
<div class='inner-box'>Merry xmas!</div>
</div>
<div class='box&
浏览 1提问于2014-12-29得票数 0
回答已采纳
2回答
所以我已经把我的身体宽度设为600 So，所以当我在身体外的时候，身体变成了0.25的不透明度。我通过jquery将一个类直接应用于body标记，当主体被鼠标移除时，类(opac)被移除。当鼠标离开时，我想要的按钮有一个固定的位置以外的身体，以前的opac类应用到它，不再受它的影响。按钮将被提升到1的不透明度(如果我没有弄错的话，这是项目的正常设置，因此它们是完全可以看到的)。目前，当身体被移动时，按钮确实具有0.25的不透明度，但当身体被鼠标移出时，按钮保持相同的不透明度，当按钮被鼠标移动时，它会将身体和按钮都带到1的不透明度。
浏览 1提问于2014-03-06得票数 0
回答已采纳
当鼠标悬停时，我试图从DOM中删除svg，我的代码：
$(".thumb").mouseenter(function() {
$('.grayscale').toggleClass('grayscale-off');
$('.thumb.grayscale > .grayscale-off').svg.text("");
});
在这里，我只尝试从悬浮元素中删除元素，但是svg.text("")；不工作。
有什么建议吗？
谢谢!
浏览 0提问于2015-03-05得票数 0
回答已采纳
我们有一些盒子来显示悬停的一些数据。所以，当我们在一个元素上移动鼠标时，它应该展开，位于其他元素的前面，并显示隐藏的数据。
我做了这样的事：
box:hover {
z-index: 50;
}
但是有一个问题:当我们在另一个外部空白上移动鼠标时，z-index将返回到与其他值相同的值。可见，悬浮元素在下层比下一层低。
如何防止属性应用，直到过渡结束？
这是我的。尝试在一个元素上悬停，将鼠标移出元素，其他元素的背景图像将在过渡结束之前出现在我们的悬停元素前面。
更新:这是问题的屏幕截图。这是我们解开元素的时候。另一个元素的background-image出现在我们的悬停元素前面。
浏览 4提问于2015-06-08得票数 6
回答已采纳
我在做一些css的事情，
现在我有个div标签更脏。
<div class="myDivClass">
<img src="some image url">
<h2>Title</h2>
</div>
现在我需要将悬浮添加到div类中。我需要做的是，当鼠标移动到另一个图像上时，
即。
但是两者都应该显示，封闭的图像应该只出现在鼠标结束时。
CSS：
.myDivClass:hover{
content:url(closed image url);
}
感谢高级..！
浏览 11提问于2014-05-26得票数 1
回答已采纳
2回答
文本悬停在图像上
、、、
如何使文本悬停在图像上？我希望文本框恰好显示在图像所在的位置上，这样图像就会完全消失，而在鼠标移出时图像就会显示出来。我搜索了所有的区域，但我只找到了悬停效果与不同的位置的悬浮框的图像所在的位置…
浏览 1提问于2013-03-09得票数 0
回答已采纳
1回答
我正在使用HTML5拖放。当幽灵元素被拖过div时，如何使悬浮事件触发？如果我只是移动鼠标，但当我拖动一个元素时，下面的代码就能工作了。
$(".droppable").on("mouseover", function (e) {
e.stopPropagation();
$(this).addClass('droppable-border');
}).on('mouseout', function (e) {
$(this).removeClass('droppable-border');
浏览 2提问于2020-08-03得票数 0
回答已采纳
1回答
我试图创建一个效果，当鼠标移动到图像上时，它应该在图像上显示一个半透明的黑匣子，并在上面显示一些细节。这些div包含图像和问题是这个鼠标和鼠标事件正在创造闪烁的黑色半透明的div添加到顶部。
这是密码，
function addfocus(elem)
{
// getting dimensions of current div.
var currelem = document.getElementById(elem);
var left = currelem.offsetLeft;
var top = currelem.offsetTop;
var w = curr
浏览 3提问于2014-01-07得票数 0
回答已采纳
我正在做一个基于鼠标方向的图库，我想在鼠标上转换得更快，但是我不能用这个代码来训练它。我有img和信息面板设置为不同的过渡风格，但我不能得到的输出样式也？
$(".gallery li").on("mouseenter mouseleave", function (e) {
var w = $(this).width();
var h = $(this).height();
var x = (e.pageX - this.offsetLeft - (w / 2)) * (w > h ? (h / w) : 1);
浏览 1提问于2014-08-21得票数 1
回答已采纳
我在jQuery悬停法上遇到了一些麻烦。
下面是相关的JavaScript代码：
$("#navigation > li > ul").hide();
$("#navigation > li").hover(
function() {
$(this).children("ul").slideDown(125);
},
function() {
$(this).children("ul").slideUp(125);
}
);
下面是相应的HTML：
浏览 7提问于2009-10-28得票数 0
回答已采纳
1回答
我一直试图更改鼠标悬停的选择下拉菜单中选项元素的背景色，但我无法使其在Microsoft中工作，悬停始终显示为灰色。它在Chrome和Firefox中运行得非常好，而且:悬浮可以在Edge中的其他元素上运行，但我无法选择:悬停来更改背景色。
此外，如果select设置为multiple，则悬停运行，但如果处于下拉模式，则无效。
是否有什么技巧可以让边缘改变颜色，还是它是浏览器的限制？
另一个问题。我还试图更改所选选项的颜色，虽然选项:checked有效，但当下拉列表第一次打开时，它显示为灰色，直到我将鼠标移到选项列表上，样式才会生效。
浏览 5提问于2021-08-02得票数 1
回答已采纳
1回答
我有div，如果我把鼠标移到div上，我需要调用一个处理程序并显示用户的悬停卡
我的问题是，当我鼠标移出时，处理程序正在运行
但我还是拿到了我的悬浮卡
这不应该发生
在javascript中有没有什么方法可以知道元素是否处于悬停状态
showPopup: function() {
moLikeDisLikeUsers.popup = 'show';
var url = '/_service/getHoverCardDetails.ashx';
var pars = Object.toQueryString({ 'prfid'
浏览 0提问于2010-11-25得票数 0
3回答
我使用了以前的购物车设计，但不能应用这个选项悬浮购物车，这是一个代码示例。
我的代码
$('#cart').hover(function(e) {
$(".shopping-cart").stop(true, true).addClass("active");
}, function() {
$(".shopping-cart").stop(true, true).removeClass("active");
});
我需要购物车的内容不消失，直到鼠标指针出来。
示例代码
参
浏览 0提问于2018-03-19得票数 0
回答已采纳
有可能有一个系列不与鼠标互动吗？(例如，不影响工具尖端、标记悬浮物等)。FOr实例--如果我想直观地显示平均温度，但我想保持设计的简单性，而不是只包括工具提示中的平均温度(容易)，并且我希望停止它的形状触发图端(我不知道怎么做)
浏览 6提问于2014-06-16得票数 1
回答已采纳
1回答
我试着在鼠标悬停图形时显示图像，但它从未显示过图像。
这是我代码的一部分。
source = ColumnDataSource(data=dict(
x=,
y=,
imgs=icon_data))
每个图标的url包含在icon_data中。
tooltips = """
<div>
<div>
<img
scr="@imgs" height="42" alt="@imgs" wi
浏览 0提问于2018-03-10得票数 1
回答已采纳
1回答
我有一个使用Python的Mako模板生成的代码：
<ul class="list-group">
% for t in list:
<li class="list-group-item">
<div
ng-class="hover ? 'btn btn-xs btn-default' : ''"
ng-mouseenter="hover = true"
浏览 1提问于2015-03-19得票数 2
回答已采纳
我对我想做的事情有一个。当我悬停在主图像上时，我想要一个垃圾桶图像出现。这部分起作用了。我的问题是，当我悬停在垃圾桶图像，它就像闪烁和消失，当我移动鼠标在它上面。
我有以下html：
<div id="imagesContainer">
<div style="position: relative; left:0;top:0">
<img id="test1" src="http://upload.wikimedia.org/wikipedia/commons/2/26/YellowL
浏览 13提问于2014-02-04得票数 2
回答已采纳
1回答
我正在使用一个3D旋转按钮，在这个按钮中，每个脸都有一个不同的词组，但它们都是指向同一个URL的链接。我最初是用一个普通的旧css :悬浮旋转多维数据集按钮，但我注意到，当您单击该按钮时，它会重置。只有当你的鼠标不再在按钮上时，它才能旋转回它的起始位置。
我已经创建了一支使用我所有标记和样式的笔，我尝试了四种方法添加一个名为“翻转”的类到悬停时的样式，但这四种方法的效果都与普通的旧css :悬浮方法相同，它们可以在鼠标点击时重置。我把#2、3和4写在笔下，仅仅是因为它们都产生了相同的结果，而第一个只是一个简单的'toggleClass‘方法。这是四个JS片段和一个指向笔的链接。
//
浏览 1提问于2014-12-18得票数 2
回答已采纳
2回答
jQuery更改的输入值
、、、、
我试图用jQuery鼠标改变输入值。
场景:我有5div有不同的颜色和用户名。当鼠标移动到div上时，输入文本会根据数据库值更改(对于颜色输入背景色)数据，当更改div时，文本将显示新的数据。
使用PHP i回显脚本的部分以处理mouseover函数
<?php
$myId = '1';
$uname = 'user1';
$ucolor = 'FFFFFF';
echo "<script>
$('$myId').mouseover( functi
浏览 8提问于2016-05-12得票数 2
回答已采纳
我有一张较大的图片，下面有两个较小的缩略图-标记如下：
<img src="../images/image.jpg" class="left main" alt="main image" />
<img src="../images/image2-thumb.jpg" class="left mainthumb" alt="image two" />
<img src="../images/image3-thumb.jpg" class="l
浏览 2提问于2014-01-30得票数 0
2回答
我正在使用x-范围类型的时间线高图表，有任何方法来获得的轴值，交叉头发/鼠标是悬停。
在这张照片中，交叉头发是在特定的时间段之间。
但是工具提示显示的是点，有什么方法显示工具提示上当前的悬浮轴点吗？
我已经在注释中添加了代码链接，谢谢
浏览 2提问于2018-11-28得票数 0
回答已采纳
1回答
我正在尝试获取datalist的悬浮元素的当前值。因此，如果我打开带有值的datalist，并将鼠标移动到其中，我希望这些值出现在控制台中。
这是我的尝试：
<input list="browsers" id="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="C
浏览 0提问于2016-03-09得票数 9
回答已采纳
1回答
请参阅以下jsfiddle：
现在，当您在框上移动时，所有项目的悬停框都会出现在相同的位置。
我想要做的是根据鼠标所在的#box.corner来定位悬停框。如果#box.corner在框的左侧，我希望悬停框在框的左侧，框外，居中到角落...如果你将鼠标放在右下角的#box.corner上，我希望悬停框显示在右下角，居中。
对于如何实现这一点有什么想法吗？
谢谢
浏览 2提问于2011-10-28得票数 1
回答已采纳
1回答
我有这个代码使用悬停，当我使用它是一切都好，位，当我删除鼠标，元素返回如此之快，它使它看起来不恰当。
.cmd-1:hover {
transform: scale(1.1);
transition: 0.7s;
color: gold;
transition: all 0.7s ease-in-out;
}
浏览 3提问于2022-02-10得票数 1
我在我的网站上添加了一个可以翻转以显示更多文本的悬浮滑板。它只适用于Chrome。在Firefox中，它使整个框在悬停时变为灰色。我如何让它在Chrome中工作，而在Firefox中什么也不做？
我拿到它的地方是：
我的网站是：
(删除)-将鼠标悬停在"Sort Products By Availability“上，查看我所指的内容。
谢谢！！
浏览 2提问于2012-06-13得票数 0
回答已采纳
1回答
jQuery悬停无限回路
、、、
我试图使用.hover使一个HTML元素看起来像在发光。我的代码看起来是：
var glow = $('<div class="glow">...</div>');
$(this).hover(function() {
glow.fadeIn();
}, function() {
glow.fadeOut();
}
我得到的效果是，在无限循环中，鼠标不停地重复一遍又一遍。当我查看控制台时，hoverIn和hoverOut处理程序函数一直被调用。
有什么好主意吗？
谢谢!
浏览 1提问于2011-01-12得票数 1
1回答
快速鼠标/鼠标打乱动画
、、、
另一个快速鼠标悬停动画问题。
我有3个可悬空的div，它在悬浮时返回html()文本- HTML：
<div id="hoverableDivs_container" class="hoverableDiv">
<div id="hoverableDiv1" class="hoverableDiv"><p>Hoverable<br>div 1</p></div>
<div id="hoverableDiv2" class=
浏览 1提问于2013-05-31得票数 2
所以我做了一个简单的指令，叫做“悬停”，这是一个基本的导航菜单，当你在一个特定的aba上传递鼠标时，这个aba会改变颜色。请参阅我的脚本代码：
var app = angular.module('myModule', []);
app.directive('hover', function(){
return{
restrict: 'E',
controller: function($scope) {
$scope.hover = null;
$scop
浏览 2提问于2014-01-23得票数 5
回答已采纳
1回答
我有以下使用ngFor的元素
<span *ngFor="let picture of pictures; let i = index">
<a target="_blank" href="{{picture.image}}" class="thumbnail-display image-overlay">
<span class="overlay-icon hide">
<i class="fa fa-file-im
浏览 0提问于2019-01-25得票数 1
回答已采纳
3回答
我想显示一条垂直线，它将出现在我的图表上，并在鼠标退出图表元素时消失。奇怪的是，当鼠标没有移动或鼠标上下移动时(而不是一边对侧)，mouseleave和mouseout事件似乎会触发，请参阅下面的代码片段。我不想让线消失时，鼠标停顿，我希望它跟踪鼠标，无论它去哪里。
我尝试过在悬浮、mouseenter和mouseover上触发代码，但是mousemove (参见下面的代码)是唯一在光标位置变化时持续触发的事件。
//$(document).ready(function() {
function showVerticalLine(e) {
var topBarHeight = 56;
浏览 1提问于2019-03-27得票数 1
回答已采纳
示例页面：
有五个div应该对鼠标对此做出反应。
展开动画启动时，开关(hoverDemo.doAnim)设置为false。这是为了防止在鼠标放置时反复触发动画，以便动画在展开两个相邻的div之间交替进行。娱乐，但不是我们想要的。
hoverDemo = {
doAnim: true,
animDelay: 250,
marginBottom: 20,
marginTop: 50, // provides space for h2
heightContracted: 100,
init: function() {
$('.outer .inner&#
浏览 2提问于2010-11-05得票数 0
回答已采纳
1回答
我正试图开发一个过山车应用程序，并且在接收mouseLeave事件时遇到了问题。
Overwolf应用程序：
<div id="menu" onMouseDown="dragMove();">
<div id="close" onclick="closeWindow();"></div>
</div>
<iframe src="URL_to_Webpage"></iframe>
<div id="scale" on
浏览 0提问于2015-03-27得票数 1
1回答
我试着用JS进行一些练习，我有两个圆圈，通过将悬浮类添加到圆圈中，通过"mouseenter“来扩大大小。我想要的是，一旦两个圆圈都有了悬停类，“激光”元素就会通过display=“块”显示出来。即使鼠标中心的功能正常工作，“激光”元素也不会被触发。这是因为JS在满足鼠标中心条件之前已经加载了吗？我是应该使用事件侦听器来监听悬停，还是有更好的方法来完成这项工作。
const circle = document.querySelector('#circle');
const circleTwo = document.querySelector('#circle2
浏览 4提问于2022-11-03得票数 0
2回答
在我的游戏中，玩家可以悬浮物体，并用鼠标在世界xy上移动它们。当玩家移动时，我如何使悬浮物体与玩家一起移动？
private void levitateObject() {
//Debug.Log("Levitating");
float yAxis = Input.GetAxis("Mouse Y");
float xAxis = Input.GetAxis("Mouse X");
Vector3 frontForce = playerCamera.transform.TransformDirection(Vector3.forward)
浏览 0提问于2015-04-25得票数 0
1回答
因此，一般问题的一个特定版本-- macstyle搜索可能相当巧妙--但如果与下拉菜单相结合，它会非常烦人--它被认为是焦点，直到单击下拉菜单，此时下拉菜单从鼠标移开。
.mac-style {
width: 100px;
-webkit-transition: width 1s ease-in-out;
-moz-transition:width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.mac-style:f
浏览 3提问于2014-05-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
