我有一个按钮，在一个网页上，我正在为自己，访问一个菜单，我通常已经隐藏。但是当我把鼠标悬停在上面的时候，我想让按钮突出显示。为了满足这个要求，我使用悬浮()并单击() JQuery方法。单击可以正常工作，但是当我添加悬停时，它不仅不能工作，而且还会阻止单击事件的工作。我使用的代码如下，
HTMl
<div id="menu"><input src="button.png" class="menuButton" type="image"></div>
<div id="menuBox
浏览 3提问于2015-07-15得票数 0
回答已采纳
所以我设置了一个有不同背景的菜单:悬停颜色。这些按钮的背景将是一个灰色的颜色和悬停按钮动画()到其各自的颜色。
我可以抓住原来的默认颜色的任何按钮，我悬停在这样：
var origBackgroundColor = $(this).css('background-color');
但是，可以从我设置的css :悬浮属性中获取颜色吗？我将为每个按钮设置:悬停颜色，因为如果有人没有启用JS，导航仍然具有:悬停效果。
像这样的东西(或者还有别的方法)：
var hoverColor = $(this).css('background-color:hover');
有什
浏览 5提问于2011-01-18得票数 12
回答已采纳
我想要实现一个列表，其中新的项目可以添加按钮。列表顶部的一个按钮用于添加新项目，另一个按钮位于底部，用于追加新项目。
HTML：
<div>
<div id="list">
<button class="addbtn">prepend item</button>
<ul id="items"></ul>
<button class="addbtn">append item</button>
浏览 3提问于2016-12-25得票数 1
回答已采纳
2回答
我可以很容易地更改SVG路径，但是当我在按钮中插入它时，css:悬浮在firefox中就不起作用了。请检查
CSS:
#Fill-1 {
fill: red;
}
#Fill-1:hover {
fill: black;
}
浏览 1提问于2015-10-21得票数 0
1回答
JS中的交互式三环金星图？
、、、、
有人知道在JS中有一个交互的(可悬浮的)3圈金星图库吗？我需要扩大面积。
我试过的东西： -不缩放面积
我也将尝试：
浏览 27提问于2022-01-06得票数 1
1回答
我在我的html页面中包含了两个JavaScript文件。第一个是：
需要创建一些悬浮卡()。
第二个JavaScript是最新的jQuery。我需要这个来创建一些页面上的动画。
当两个JavaScript文件都在页面中时，我的悬浮卡片停止工作。当我删除jQuery文件时，鼠标悬停卡又回来了。
为什么jQuery会停止prototype.js文件的工作？我该如何解决这个问题，这样我才能同时使用这两个工具呢？
浏览 2提问于2011-10-25得票数 0
回答已采纳
1回答
我正在使用一个3D旋转按钮，在这个按钮中，每个脸都有一个不同的词组，但它们都是指向同一个URL的链接。我最初是用一个普通的旧css :悬浮旋转多维数据集按钮，但我注意到，当您单击该按钮时，它会重置。只有当你的鼠标不再在按钮上时，它才能旋转回它的起始位置。
我已经创建了一支使用我所有标记和样式的笔，我尝试了四种方法添加一个名为“翻转”的类到悬停时的样式，但这四种方法的效果都与普通的旧css :悬浮方法相同，它们可以在鼠标点击时重置。我把#2、3和4写在笔下，仅仅是因为它们都产生了相同的结果，而第一个只是一个简单的'toggleClass‘方法。这是四个JS片段和一个指向笔的链接。
//
浏览 1提问于2014-12-18得票数 2
回答已采纳
2回答
实际上，我的菜单看起来像，最后我的肚脐应该是这样的：我不能使用它，因为我不能加载.js。只是效果不太好。
所以我想一个人写，机械：
写它的最好方法是什么？我可以很容易地在div上进行悬停，但按钮需要保持悬停到下一次点击没有加载网站。
PS-按钮有不规则的形状，所以我们需要使用背景图像的div。
浏览 5提问于2013-09-18得票数 2
回答已采纳
3回答
我有一个按钮，它的悬停效果(颜色变化)。
button {
width: 180px;
height: 80px;
background-color: #A0522D;
}
button:hover {
background-color: #CD853F;
}
然后，从js我想改变背景色，例如，当选择的按钮是正确的。这就是我想出来的：
buttons[i].style.backgroundColor = "#A0522D";
我还具有动画的转换属性：
button {
transition: background 0.5s ease
浏览 2提问于2013-08-06得票数 2
回答已采纳
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
回答已采纳
2回答
我有一个圆形按钮，我只是想要标准的悬停效果(悬停颜色变化时，悬浮在上方)。
悬停效果本身很好，问题是当我单击按钮时，会出现一个外部边框，并停留在那里，直到我单击按钮外部。
下面是发生这件事的一段简短的画面。
下面是当前正在使用的完整CSS：
浏览 6提问于2014-07-21得票数 1
回答已采纳
3回答
我有10个单选按钮/纽扣从jQuery。当然，每个按钮都有自己的值，当按钮悬停时，我想显示按钮旁边的值。
我该怎么处理呢？
说明：
row1 :当无线电在上悬停时，在这里放1.1REAR1.2打印值收音机
row2 :当无线电悬浮时，REAR2.1无线电2.2REAR2.3打印值收音机
row3 :当无线电悬浮时，REAR3.1无线电3.2REAR3.3打印值收音机在这里
我使用了来自jQuery的jQuery来获取事件mouseover，但是如何将该值特定地放置到特定的行中？
我怎样才能得到哪台收音机是悬停的，这样我才能得到它的价值？
<!DOCTYPE html>
浏览 5提问于2012-04-13得票数 0
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
回答已采纳
1回答
我试着为页面做一个脚本，我所需要的只是简单的java脚本，如果页面上有一个文本的例子-没有找到的宏应该点击按钮查找工作。宏必须按下按钮，在1秒内找到工作。对不起我的英语
浏览 1提问于2013-02-24得票数 0
我有一个由7列和可变行数组成的表。当我在表行上悬停时，play按钮出现在第2列中。
.table-hover > tbody > tr {
border-left:4px;
border-left-color:transparent;
border-left-style:solid;
&:hover {;
border-left-color:@active-element-color;
>thtdbackground-color:#f5f5f5
}
>td:nth-child(2) {
backgroun
浏览 4提问于2014-07-25得票数 3
回答已采纳
我现在正在我的wordpress网站上工作，有一部分我必须创建一个图片库，当你浏览图片时，图片会显示一些文本和文本下的按钮。我试图使用a:悬浮，但我只能做一些更改。当您在图像上悬停时，如何显示按钮？如能提供任何帮助，将不胜感激。谢谢一堆
浏览 16提问于2014-09-24得票数 0
回答已采纳
2回答
所以我已经把我的身体宽度设为600 So，所以当我在身体外的时候，身体变成了0.25的不透明度。我通过jquery将一个类直接应用于body标记，当主体被鼠标移除时，类(opac)被移除。当鼠标离开时，我想要的按钮有一个固定的位置以外的身体，以前的opac类应用到它，不再受它的影响。按钮将被提升到1的不透明度(如果我没有弄错的话，这是项目的正常设置，因此它们是完全可以看到的)。目前，当身体被移动时，按钮确实具有0.25的不透明度，但当身体被鼠标移出时，按钮保持相同的不透明度，当按钮被鼠标移动时，它会将身体和按钮都带到1的不透明度。
浏览 1提问于2014-03-06得票数 0
回答已采纳
我正在使用jquery-ui网站上的手风琴，但即使是简单的演示也不适合我。我追踪到这个错误是因为jquery-1.9.1.js不支持这个悬浮意图，但在1.8.3.js中可以工作。
您可以复制此处提供的脚本(视图源) 。把它改成这样，
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
它就会停止工作。
有什么建议我应该怎么解决它吗？我的代码的所有其他部分都与jquery-1.9.1.js兼容。
浏览 1提问于2013-02-15得票数 1
回答已采纳
我想请大家知道WooCommerce WordPress的事。我有一个列表产品WooCommerce页面，在那里有标题和价格等信息和按钮“添加到购物车”，当光标悬浮到产品。我想禁用或隐藏按钮，当我的观点是不够的产品。有可能这样做吗？我正在使用插件GamiPress - WooCommerce点网关支付点。
上面的产品示例(100分)
以上是我目前的观点(0点)
浏览 5提问于2022-07-21得票数 0
3回答
即使在简单的测试代码中，我也无法让悬浮函数工作。把我逼疯了。此代码只需尝试更改
在按钮上方盘旋的时候。我遗漏了什么？
<!doctype html>
<button id="dropdownmenu"></button>
<p id="test"> this is a test <p>
<style>
#test{
background-color: red;
}
#dropdownmenu{
height:200px;
width:200px;
}
#dropdownmen
浏览 7提问于2021-09-11得票数 0
回答已采纳
假设我有5个按钮，每个按钮都有不同的名称(如“红色”、“蓝色”等)，我想要创建一个函数，当您在按钮上悬停时，它会将"textToDisplay“文本属性更改为当前悬停的按钮名。
完整的例子:您有一个文本显示“无”，但如果您悬停在按钮上的“红色”名称，文本本身将更改为“红色”。
我可以创建尽可能多的函数，并将每个函数分别与每个按钮相匹配，但这并不是一个好方法，不是吗？
答:我想要得到电流的悬浮物体属性。
浏览 0提问于2019-02-11得票数 0
回答已采纳
1回答
我需要的是突出一个圆圈，当我拖动一个箭头在它上面。在拖动时，这是圆圈的颜色：
我需要的是这样的标准：
我尝试过在圆圈上使用d3js mouseover事件，但是在拖动时不会被触发，也尝试使用css规则(：悬浮)在圆圈上运行，结果相同。
有什么想法吗？
谢谢
浏览 4提问于2015-10-08得票数 1
首先，我正在php/html中创建按钮
<button class="accordionLic" id="<?php echo 'accordionClass'.$lic_num?>">#<?php echo $lic_num; ?></button>
我们可以称之为“大按钮”
文档准备好后，脚本就会启动，为该按钮(大按钮)创建内容+在其中创建另一个按钮(我们可以称之为“小按钮”)。
//...code...//
var text = (elem.innerHTML = accordionHeade
浏览 7提问于2017-07-14得票数 0
回答已采纳
我有一个位置:固定和底部:0的按钮；这在每个浏览器上都可以，但IE 11除外-按钮不是固定在视口的底部，而是悬浮在视口底部的略上方。有什么办法解决这个问题吗？以下代码供参考： <!-- The HTML -->
<div class="actions">Actions</div>
/* The CSS */
.actions {
width: 500px;
max-width: 100%;
margin: 0;
position: fixed;
-ms-position: fixed;
bottom: 0;
-
浏览 25提问于2020-07-07得票数 0
回答已采纳
4回答
我对JS很陌生，我只是尝试学习在使用CSS3之外的具体的、新的功能。我想了解如何使用悬浮显示当前是div中隐藏的子元素的h1元素。
这是我的标记：
<div class="box">
<h1>Project X</h1>
<img src="img/concrete.png" />
</div>
CSS
.box h1 { display:none;
JS
$(document).ready(function() {
$(".box").hover(function()
浏览 4提问于2014-04-08得票数 0
回答已采纳
我有以下几种风格：
button {
background-color: blue;
}
.green {
background-color: green;
}
.red {
background-color: red;
}
以及下面的jQuery：
$('button').click(function(e) {
$(this).toggleClass('red');
});
$('button').hover(function(e) {
console.log(&#
浏览 5提问于2015-09-08得票数 0
回答已采纳
我在桌面应用程序中使用JavaFX2.2。
我面临的问题是，当我在按钮上悬停时，部分文本会被隐藏。问题只出在一些机器上。附件是保存按钮的屏幕截图。当我聚焦或悬停在按钮上时，文本(保存)就会隐藏起来。
我尝试删除按钮:悬停CSS，但现在当我点击它，然后我得到问题。
浏览 2提问于2014-03-15得票数 2
2回答
我正在读这篇文章：
它指的是一个名为“悬浮”组件的概念。
我已经研究过了，但是我找不到任何关于什么是所谓的“悬浮”组件的信息。
有人能解释这是什么吗？谢谢!
浏览 5提问于2021-01-18得票数 2
回答已采纳
我有一些悬浮() JS代码：
$( '.leftMenuProductWrapper').hover (
function () {
},
function () {
});
在第二个函数中，我需要这样的内容：
If ($("#leftMenuWrapper2").hasMouseover){
do this
}else{
do that};
我找不到任何关于怎么做的文件。
编辑：
这似乎是一种解决办法：
$('#leftMenuWrapper2').mou
浏览 1提问于2010-03-17得票数 4
回答已采纳
2回答
在安装了自己的Pinterest悬浮按钮以显示在博客帖子图像的中心，我现在有了一个问题:在某些页面/图像上，我不希望出现相同的悬停按钮(我不是很挑剔吗！)
常见的建议似乎是将>> nopin='nopin <<添加到有关页面上的特定img代码中。我也尝试过>> data-pin-nopin="true" <<，它们都没有工作来删除/隐藏弹出引脚按钮。
然而，前者所做的是禁用Pinterest for Chrome功能。
理想情况下，我不希望在这些图像上显示任何引脚按钮，但是禁用中间按钮只会是一个可行的解决方案。
>&
浏览 1提问于2017-07-25得票数 1
假设我有一个具有属性的元素“选择”了
<Button selected>
Text
</Button>
const Button = styled.div`
&:not(???) {
color: red;
}
`;
如何选择没有“选择”属性的按钮的所有实例？
也许还有另一种方法来实现我想要达到的目标？
С分层编辑：
实际上，我需要使用:不与:悬浮在一起，如下所示：
const Button = styled.div`
&:not(???):hover {
color: red;
浏览 6提问于2022-07-31得票数 0
回答已采纳
我试图使图像fadeIn效果，我设置jQuery动画方法实现淡入效果，我发现我注册的悬停事件已被取消。
我觉得很奇怪，这个方法不应该影响我的悬停效果。
虽然我可以通过javascript重新注册悬浮事件，但它正在执行其他任务。
我有什么误会吗？
我试着不使用CSS3动画。
JS部分：
$('img').animate({
'opacity': '0.5'
}, 1500);
CSS部分：
img {
opacity: 0;
}
img:hover {
opacity: 1;
}
浏览 6提问于2013-09-02得票数 2
回答已采纳
我必须在字段(admin/structure/types/manage/article/display)中插入一个类的字符串才能从文本中获得一个按钮，但是“字段格式化类”字段有一个字符限制，所以我无法输入获得结果所需的代码。我做了一些研究，但没有找到解决办法。
我班: btn btn-sm btn-主stpe-outlinebutton按钮测试-util-颜色-主测试-util-边界-主测试-util-悬浮-背景-主测试-使用-悬停-彩色测试-使用-悬停-边界-主
有什么帮助吗？
诚挚的问候
浏览 0提问于2019-11-19得票数 1
1回答
基本上，我试图拥有一个按钮，允许用户在顶部显示另一个图像，但当单击该按钮时将设置为单击图像状态。
我尝试过使用jquery悬浮函数，但我没有运气-它不允许我单击按钮并显示过高状态。
我也可以让它单独工作--例如，如果用户单击按钮，就会出现一个新的图像，但是当我试图使鼠标悬停工作时，单击的过高状态会使其混乱。
如能提供任何帮助，将不胜感激。
Jquery
$('.M').hover(
function(){
$(this).attr('src','Buttons/Button-MaleOver.png')
},
浏览 3提问于2013-11-19得票数 0
回答已采纳
现在，我想实现一个边界在一个按钮上悬停。
这个按钮和其他三个按钮一起在一个div中。然而，一旦我悬停在它上面，边框就会显示出来，但同时按钮也扩展了添加的边框的大小，这不是我所想的。
我做了一个小提琴来演示这个问题：
我在这里阅读了有关这个主题的文章，通过将margin-top: 3px;添加到悬浮类中，我确实找到了一个解决方案，但是，它“挤压”了按钮，这不是我想要的。
相反，我希望按钮看起来不是压缩的，而是简单地用4px边框覆盖按钮的顶部4px。
有什么建议吗？
提前感谢
浏览 17提问于2015-04-14得票数 12
回答已采纳
1回答
我有多级垂直菜单，当我尝试进入二级菜单时，二级菜单消失。(一些老版本的浏览器--它很好用)
第二级菜单的高度也不等于第一级.i想要的东西
我已经把我的密码贴在上面了
虽然代码不工作，但您可以将html、css复制到单独的文件中。
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="styl
浏览 5提问于2015-05-04得票数 2
这是v8 --module --trace-opt index.js的输出。您可以看到，函数commonRandom and commonRandomJS的优化已经完成。
...
[completed optimizing 0x2b0e0824a769 <JSFunction commonRandom (sfi = 0x2b0e081d3985)> (target TURBOFAN)]
...
[completed optimizing 0x2b0e0824a789 <JSFunction commonRandomJS (sfi = 0x2b0e081d39b9)> (
浏览 4提问于2022-05-22得票数 1
回答已采纳
有点挣扎，我想寻求我的堆叠伙伴的帮助。
单一产品页面：是否有人知道更改Thumb指甲上的"on click“事件an "on悬浮+单击(用于响应目的)”的技巧
我知道这是一个反复出现的问题，但从WooCommerce的de3.0开始，它似乎就被废弃了。
看起来我必须更改FlexSlider js中的函数，但是找不到这个函数的位置。
如果可以的话，我正在使用"Atelier主题“。
也可以在那里找到我的网站：
干杯
浏览 2提问于2017-04-18得票数 1
回答已采纳
我试图更改tr对象的:悬浮状态--但只有一个tr对象，而不是其余对象的悬停状态。
js-小提琴：
我试图不使tr标签的背景，其中写着吧，改变。我正在寻找一个css黑客，我可以使用样式“”元素，这样就不会使它改变背景颜色在悬停。
我尝试了以下方法，但这不会改变悬停状态：
<tr style="background-color:none !important">
<td colspan="5">
<div>Bar</div>
</td>
</tr>
你好，帕特里克
浏览 2提问于2014-08-11得票数 0
回答已采纳
1回答
我想要创建一个框(div)，其中填充增加时，悬浮。实际上是个全屏按钮。
我试过：
.full_screen {
width:20px;
height:20px;
background-color:rgba(0,0,0,0.8);
border-radius:2px;
position:absolute;
transition:all 0.6s; //important property
left:82%;
}
.full_screen:hover {
padding-top:10px; //!important property
padding-right:10px; //important
浏览 6提问于2015-02-16得票数 1
回答已采纳
2回答
我在Safari和Chrome中有这个问题，但在IE中没有。当我单击一个按钮时，mousedown事件会触发某种CSS规则，这会使它稍微变宽一些。因此，它会下降到下一行，并且没有触发click事件。它停留在下一行，直到鼠标按钮被释放。
我正在开发一个大型的现有站点，很难隔离所有的CSS，但我认为这可能是浏览器固有的影响所致。
是否有一种CSS方法来阻止在单击按钮时发生的任何效果？
谢谢你的帮助。
这是我找到的CSS :active /:悬浮。我不认为这会导致这一切！
a:hover, a:active
{
text-decoration: none;
}
(按钮是锚内的图像)
浏览 6提问于2014-07-24得票数 0
回答已采纳
我有一个简单的CSS3翻译()代码，应该由Javascript触发。但它没有动画的翻译，它立即跳到位置。如果我使用css :悬浮，它就会像预期的那样工作。但不是和JS。我做错了什么？下面是JSFiddle示例，，这里是代码：
<style>
#test {
transition: transform 1000ms linear;
background-color: green;
display: inline-block;
width: 50px;
height: 50px;
}
<
浏览 0提问于2020-07-01得票数 0
回答已采纳
1回答
我使用的是AdminLTE 2.3.8。它覆盖按钮的背景，它的框头按钮时，悬浮，但我想保持原来的颜色时，徘徊在任何按钮。例如：
AdminLTE CSS:
.btn-default {
background-color: #f4f4f4;
}
.box.box-solid>.box-header .btn.btn-default {
background: transparent;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
background-color: #e7e7e7;
}
浏览 11提问于2016-11-15得票数 0
7回答
如果您查看以下CSS：
fieldset#searchform input[type=submit]:hover
{
background-position: center -13px;
}
fieldset#searchform input[type=text]:focus fieldset#searchform input[type=submit]
{
background-position: center -26px;
}
fieldset#searchform input[type=text]:focus fieldset#searchform input[type=s
浏览 1提问于2011-03-17得票数 3
回答已采纳
2回答
我想使用hover属性将行悬停添加到Webix，但默认情况下它不会影响选定的行。
我试图修改选择类的:hover，但是当前的表示法只适用于悬浮单元格(而我需要一个悬浮行)：
<style>
.bluehover{
background:lightblue;
}
.webix_row_select:hover{
background:lightblue !important;
}
</style>
.
会感谢你的帮助。
浏览 3提问于2016-10-03得票数 0
1回答
我使用jquery、引导、fa、正常化和jquery.multilevelpushmenu.js v2.1.4来提供侧菜单多级，我正在尝试将悬停操作与该菜单结合起来，以及在第一个切换菜单之后的悬停调用，以前从未见过这种行为。
<script>
$(document).ready(function () {
$('.content gallery-item').hover(function () {
$(this).find('.content img-title').fadeIn(300);
}, function
浏览 3提问于2017-08-02得票数 2
回答已采纳
我有一个有圆圈的图，我希望用户能够选择圆圈，然后我想要根据圆圈在python上做一些事情。
我尝试过JS回调，但是我得到了错误：
WARNING:bokeh.embed.util:您正在生成独立的HTML/JS输出，但尝试使用真正的Python回调(即使用on_change或on_event)。这个组合不能工作。只有JavaScript回调可以与独立输出一起使用。有关Bokeh的JavaScript回调的更多信息，请参见：
或者，要使用回调，可以使用Bokeh服务器应用程序。有关构建和运行Bokeh应用程序的更多信息，请参见：
下面是一些代码，如果您想要尝试这样做的话。
from bo
浏览 0提问于2019-06-03得票数 0
1回答
CSS
.navbar-brand {
display: block;
margin: 0; padding: 0;
height: 80px;
width: 70px;
background: url('img/logo_orig.png') no-repeat center center;
background-size: 100% auto;
}
.navbar-brand:hover {
background: url('img/logo_hov.png') no-repeat center center;
backgr
浏览 4提问于2015-07-11得票数 1
回答已采纳
2回答
我有一个菜单按钮，它一半可见，一半在屏幕外。只有当它是‘悬浮’时，才能看到完整的按钮(我已经为此编写了CSS，该按钮是水平移动的，因此它是完全显示的)。现在，这可以在桌面网站上使用。但是，正如您所知道的，鼠标悬停在移动站点上是不可用的，所以鼠标悬停被转换为单击。单击使按钮完全可见，但当再次单击时它不会再次隐藏，因为我们没有定义单击事件来显示和隐藏它，因为它不会干扰悬停。
因此，是否有任何简短和有效的方法来做到这一点，使悬停工作在桌面上，并单击“在电话上的作品为同一(显示和隐藏)功能？”
您可以使用CSS或jQuery或两者兼用。
浏览 2提问于2016-11-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
