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
回答已采纳
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
我有一个按钮，在一个网页上，我正在为自己，访问一个菜单，我通常已经隐藏。但是当我把鼠标悬停在上面的时候，我想让按钮突出显示。为了满足这个要求，我使用悬浮()并单击() JQuery方法。单击可以正常工作，但是当我添加悬停时，它不仅不能工作，而且还会阻止单击事件的工作。我使用的代码如下，
HTMl
<div id="menu"><input src="button.png" class="menuButton" type="image"></div>
<div id="menuBox
浏览 3提问于2015-07-15得票数 0
回答已采纳
我有一些叠加的div元素。悬停时，他们中的每一个人都会进入边界。
现在，当我悬停div时，悬停的div和它的父div正在获得边界。
<div class="container">
<div class="button1">
<div class="button11">
<div class="button12"></div>
</div>
</div>
</div>
浏览 2提问于2017-02-02得票数 0
回答已采纳
我试图更改tr对象的:悬浮状态--但只有一个tr对象，而不是其余对象的悬停状态。
js-小提琴：
我试图不使tr标签的背景，其中写着吧，改变。我正在寻找一个css黑客，我可以使用样式“”元素，这样就不会使它改变背景颜色在悬停。
我尝试了以下方法，但这不会改变悬停状态：
<tr style="background-color:none !important">
<td colspan="5">
<div>Bar</div>
</td>
</tr>
你好，帕特里克
浏览 2提问于2014-08-11得票数 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
回答已采纳
我有以下简单的标记：
<div>1</div>
<div>2</div>
<div>3</div>
CSS
div {
float:left;
padding: 20px;
height: 58px;
width: 100px;
background-color: #A6BFE1;
font: 14px/42px Open Sans;
color: #FFF;
}
div:hover {
box-shadow: 0 0 7px rgba(0, 0, 0,
浏览 0提问于2014-04-08得票数 0
回答已采纳
我想要将一行的样式分为四列，将不透明度更改为0.5，但实际悬停的列仍应具有1的不透明度，因此基本上每个行都是样式化的，但实际上是悬停的。
我试过这样的东西：
div.airsuspension-submenu div.row div:hover .nav-highlight:not(div.airsuspension-submenu div.row div .nav-highlight:hover) {
opacity: 0.5;
}
所有悬浮的div.row div元素应具有0.5的不透明度，但悬浮的div.row div .nav-highlight仍应具有1的不透明度。
浏览 0提问于2019-10-21得票数 1
回答已采纳
我尝试用以下代码向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
回答已采纳
1回答
我有一个网格的div看起来像一张桌子。
#wrapper
> div.container > h2 (hidden)
> div.container > h2 (hidden)
> div.container > h2 (hidden)
</>
我想动画的背景颜色的悬浮div和显示h2在其中。
我的代码看起来是这样的。
$('.container').hover(function() {
$('.container>h2').stop().fadeOut(200);
$(this).st
浏览 1提问于2014-03-30得票数 0
回答已采纳
我不应该使用ui-bootstrap-custom-01.12.1.js.，但是我可以使用popover.js
问题是如何使指令在提供的html内容上使用悬浮操作。一个例子是，但是它的One希望在悬停时使弹出而不是单击。
我想在具有病人详细信息的bind对象popover上，在下面的html上做自定义popover指令。我希望在patient.personName上使用绑定对象的div元素的悬停状态
<a class='bold cursor-pointer hyperlink patient-name first-level-child' bo-href='pa
浏览 2提问于2015-04-11得票数 0
我有一些含有图像的div。当在div上盘旋时，图像应该旋转，以创建一个类似效果的专辑。
我尝试使用的方法是在任何div上盘旋时，使用所有div的图像样式。我只需要它的风格，只有孩子们的悬停。
我希望有更多的div，我需要这样做，而不指定每个div和div子？有什么聪明的方法来实现这一点吗？
HTML
<div id="main">
<div>
<img src="../img/punime/1cc.jpg">
<img src="../img/pu
浏览 1提问于2015-12-24得票数 0
回答已采纳
2回答
在下面的代码中，我试图对悬浮在上面的li元素采取行动。
HTML：
<div id="featured">
<ul>
<li class="active">foo</li>
<li class="">bar</li>
<li class="">giraffe</li>
</ul>
</div&
浏览 6提问于2011-07-22得票数 0
回答已采纳
想要的行为是--当一个孩子在空中徘徊时，所有其他的孩子都应该变白。我真的不能把我的头绕在结构和选择器上。
因此，鉴于：
<div class="parent">
<div class="child">
<div class="child">
<div class="child">
</div>
如果在默认情况下所有.child项都有一个color: black，那么.child:hover应该是color: red，但是，基本上(伪代码) .child:not
浏览 2提问于2022-01-17得票数 -1
回答已采纳
找到了这个很棒的小提琴，它接近了我的需求。我需要这个小提琴没有提供的一个方面，我找不到答案。
我希望第一个元素(在本例中是红色块)类似于默认图像，所以当页面被加载时，它显示为红色。但是，当其他元素被盘旋时，我希望它改变它的状态。
HTML
<div class="red blur-me"></div>
<div class="blue blur-me"></div>
<div class="green blur-me"></div>
<div class=
浏览 1提问于2013-12-23得票数 1
我使用MarkerWithLabel，以便我可以创建Google标记与div's，以获得有效的CSS动画等。
使用:悬浮在CSS中的能力是几个月前添加到MarkerWithLabel库中的，但是这个事件只在标记的一部分上注册，就像您在这个中看到的那样。
CSS
#container:hover { // Works but glitches
opacity: 1.0;
}
JS
var marker = new MarkerWithLabel({
position: myMap.getCenter(),
map: myMap,
opacity: 0.0,
lab
浏览 2提问于2016-01-17得票数 0
回答已采纳
2回答
我有4个float: left div容器这样..。
当一个div盘旋时，我想显示一个边框。然而，当我在第一个或第二个div上空盘旋时，它将底部div推到左边.
我试着增加保证金和填补div，但似乎没有任何效果。
.div
{
width: 33%;
}
.div:hover
{
boder: solid 1px #EEE;
}
浏览 1提问于2013-09-20得票数 2
回答已采纳
我有一个视图触发了一个下拉列表。在这个视图的内部是另一个视图，下拉列表本身。我使用“活动”类绑定和CSS来显示和隐藏下拉列表。代码：
DropdownLinkView.js:
var DropdownLinkView = Ember.View.extend({
classNames: ['dropdown-trigger'],
classNameBindings: ['active'],
active: false,
mouseEnter: function(evt) {
this.set('active', true);
浏览 5提问于2014-06-02得票数 0
我有一个网站，我正在尝试开发的方式，我做了一个wordpress网站，但wordpress网站是超级迟缓，所以只是重新创建凉爽的部分。
wordpress网站是，正如你在顶部看到的，上面有三个带有产品图片的盒子，然后在里面写上文字。我在站点上重新创建了这个程序，您可以在这里看到无用的代码--
<section id="portfolio">
<div class="container-fluid nopadding">
<div class="row nopadding">
浏览 3提问于2016-01-31得票数 0
回答已采纳
4回答
可能重复：
有什么方法能比清澈的磁悬浮更好的清除浮标吗？
目前，我正在使用div清除浮点数，例如
<div style="clear:both"></div>
浏览 6提问于2011-03-12得票数 0
我有一个元素，当它盘旋时会改变不透明度。在javascript的某个时候，我更改了这个元素的基本不透明度值。但是，即使我将属性更改回其原始值，:hover选择器也不再触发。
这是代码在不更改基值的情况下工作的方式：
#hover-div:hover{
opacity:1;
}
#hover-div{
background:red;
opacity:0.7;
}
<div id = 'hover-div'>
Hover on me.
</div>
正如预期的那样，div在悬停时会变得完全不透明。但是，如果
浏览 6提问于2020-08-30得票数 1
回答已采纳
我想要实现一个列表，其中新的项目可以添加按钮。列表顶部的一个按钮用于添加新项目，另一个按钮位于底部，用于追加新项目。
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
回答已采纳
1回答
const Avatar = (props) => {
const [hovered, setHovered] = useState('');
return (
<div className="user-avatar-wrapper">
<div
className="placeholder"
onClick={() => {
setHovered(true);
}}
/>
</div>
浏览 0提问于2019-07-04得票数 1
回答已采纳
3回答
我有一组这样的div，它是用display:none;在.imageholder上构建的：
<div class="parent">
<div class="imageholder">
<img src="img.jpg">
</div>
<div class="parent">
<div class="imageholder">
<img src="img.jpg">
<
浏览 6提问于2014-04-25得票数 0
回答已采纳
使用CSS时，我遇到了问题，在页面上稍后使用悬浮命令在img标记上显示div时遇到了问题。我正在用Bootstrap 3写这个页面--你知道为什么这会是个问题吗？"hovershow“中的单词出现在页面的正确位置，而它们最初并不是使用CSS隐藏的，这让我认为这是命令本身的问题。
HTML
<div class="col-md-4 col-sm-4">
<img id="Email_Logo" class="featurette-image img-responsive" src="img/Email_Ic
浏览 0提问于2013-10-30得票数 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
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
回答已采纳
菜单通过ajax加载，并使用live()将悬浮函数关联到每个li。但这仍不是第一次触发。从第二次开始，它正确地触发。
主文件
<html>
<head>
<title>
test
</title>
<script type='text/javascript' src='js/jquery-1.4.2.js'>
</script>
<script>
浏览 0提问于2011-02-04得票数 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回答
我只是希望能够暂停动画鼠标悬停。我想找个很好的方法来做这件事，但是有一些问题。我测试了一些悬浮/停止功能，但我无法使这些功能正常工作。
jQuery(document).ready(function() {
setInterval(function() {
jQuery('#testimonials .slide').filter(':visible').fadeOut(1000, function() {
if (jQuery(this).next('.slide').size()) {
jQuery
浏览 0提问于2017-10-06得票数 4
回答已采纳
我有这个密码。如果你看数据，id是div的id，然后是hovers字段，每个字段都有一个数字值。
下面的代码将在每次悬浮div时增加悬浮值。
var counter = [
{id: 1, hovers: 1},
{id: 2, hovers: 0},
{id: 3, hovers: 8},
{id: 4, hovers: 5},
{id: 5, hovers: 3},
{id: 6, hovers: 4},
{id: 7, hovers: 2},
{id: 8, hovers: 9},
{id: 9, hovers: 2
浏览 3提问于2017-05-12得票数 1
回答已采纳
1回答
JS中的交互式三环金星图？
、、、、
有人知道在JS中有一个交互的(可悬浮的)3圈金星图库吗？我需要扩大面积。
我试过的东西： -不缩放面积
我也将尝试：
浏览 27提问于2022-01-06得票数 1
1回答
我在我的html页面中包含了两个JavaScript文件。第一个是：
需要创建一些悬浮卡()。
第二个JavaScript是最新的jQuery。我需要这个来创建一些页面上的动画。
当两个JavaScript文件都在页面中时，我的悬浮卡片停止工作。当我删除jQuery文件时，鼠标悬停卡又回来了。
为什么jQuery会停止prototype.js文件的工作？我该如何解决这个问题，这样我才能同时使用这两个工具呢？
浏览 2提问于2011-10-25得票数 0
回答已采纳
2回答
意图：
有着漂亮的图片和标题的div
当访问者在div上方徘徊时，漂亮的内容将被描述性文本所取代。
只有CSS的解决方案
很简单对吧？
以下是我所尝试的：
HTML：
<div class="drunter">
I am below
<div class="drueber">
I am on top
</div>
</div>
CSS：
.drunter {
position:relative;
background-color:#f00;
浏览 3提问于2014-11-19得票数 1
回答已采纳
3回答
CSS div定位协助
、、、
我需要一些帮助，在每个#框的悬停事件上出现的div的位置。隐藏的div应以如下方式出现在悬浮的框上：
每个#工具提示div覆盖悬浮的盒子，加上它旁边的盒子。
方框1和2的工具提示应该覆盖右边的框。
方框3和4的工具提示应该覆盖左边的盒子。
(为了使它更容易理解，请参阅附图。
将有几行框，所以定位应该是相对的，而不是固定在页面的尺寸(我想)
到目前为止，我还没有找到正确的工具提示位置(我知道其中一个应该是绝对的，另一个应该是相对的，但是不管我的努力如何，我都还没有确定)。
下面是一个需要处理的，这就是我想要得到的结果：
浏览 12提问于2012-09-22得票数 8
回答已采纳
这里是js/jquery新手。我试图在交互式地图中创建一些标记在页面上的绝对位置，当它们在页面上盘旋时，它们的相关信息窗格应该出现在屏幕的左上角。最好，淡入和淡出鼠标出来。我试过各种各样的东西，但似乎什么都没有用。下面是一个简化的标记，希望它能显示出我想要做的事情：
<div class="body">
<div class="links">
<span class="one">1</span>
<span class="two">2</span
浏览 3提问于2014-10-05得票数 0
回答已采纳
昨天我写了关于旋转圈的堆叠问题。我得到了解决方案的答案，但我想重写代码来处理:悬浮。这是主要的问题。它不工作在铬，但它工作完美在mozilla。(所谓不工作，我的意思是，它一直在旋转。我需要它在悬停时旋转)
代码：
HTML
<div class="loading">
<div class="circle-small"></div>
<div class="circle-medium"></div>
<div class="circle-big
浏览 5提问于2014-04-15得票数 0
回答已采纳
5回答
我使用一个简单的脚本来改变所有东西的颜色，基于悬浮的div。它可以朝一个方向(沿着这条线)前进，但是如果我倒序并返回，颜色就不起作用了。
目标是使除了悬停的div以外的所有东西都变成相同的颜色。悬停的div应该是默认的淡灰色。这里有两个可能更多的函数：
$('#red').mouseover(function(){
$(this).add("#content").removeClass();
$("#content, nav div").not(this).addClass("red");
});
$("#
浏览 4提问于2015-03-18得票数 1
回答已采纳
4回答
我有个div里面有img。Div是牢固的边界。我需要的div是背景时，悬浮覆盖图像和覆盖应该有一个文本在它的中心。
这是我的代码：
<div class="picture">
<a href="product-link"><img src="product-img-link" /></a>
</div>
我怎么能这么做？最简单的方法是什么？
谢谢你的帮助。
浏览 8提问于2015-02-21得票数 1
回答已采纳
1回答
在输入html元素上，我可以更改:悬浮、：焦点样式。我也想为迪夫做同样的事，但没成功。我使用的是React.js，我可以用以下条件更改背景色：
<div style={{backgroundColor: isClicked ? 'yellow' : null }}>
在这个场景中，在我单击后，背景是黄色的，但是即使我单击了这个div元素以外的某个地方，它仍然是黄色的。
是否有一种方法只在聚焦div元素时更改backgroundColor？
我能够用tabindex改变样式，@jjroley回答。
现在正面临着另一个问题。
我的代码结构如下：
<div cla
浏览 5提问于2022-09-28得票数 0
1回答
我有四个元素，在悬停时，我想更改悬浮元素的图标，我知道我可以用JS/jQuery来完成它，但是我对Vue还不熟悉，我想在vue中这样做。现在，它用以下代码更改了所有四个元素的图标：
HTML：
<div class="col-md-3">
<div class="welcome-latest">
<div class="hover-icon animated" v-bind:class="{ latestActive : isActive }">
<i class=
浏览 3提问于2017-03-13得票数 4
回答已采纳
我在获得a:悬浮:之后出现在标签的文本后面有困难。内容出现在<div>的末尾。有什么方法可以让它出现在<a>文本之后吗？我不希望“后”内容在悬停时推其他元素。
<div>
<a href="#">test</a>
</div>
a:hover:after{
display: inline-block;
content: ">>";
position: absolute;
right: 0;
top: 0;
}
这是jsFiddle
浏览 6提问于2013-11-08得票数 0
回答已采纳
2回答
链接活动时保持悬停效果
、、、
我想要发生的事
我的链接有悬停效果。我怎样才能使这个效果在链接被点击/激活时保持不变？
然后，当你点击一个新的链接，我希望之前的悬停效果消失，直到再次点击。
我希望有人能帮助我解决这个问题，这样我就可以启动我的网站并运行:)
<body>
<div id="wrapper">
<div id="menu">
<nav id="navigation" class="site-navigation" role="n
浏览 3提问于2014-10-22得票数 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
寻找实现自定义悬停的最佳方式，同时使用plotly.js和react。下面的内容在plotly.js docs 中
var myPlot = document.getElementById('myDiv'),
hoverInfo = document.getElementById('hoverinfo'),
d3 = Plotly.d3,
N = 16,
x = d3.range(N),
y1 = d3.range(N).map( d3.random.normal() ),
y2 = d3.range(N).map
浏览 1提问于2018-03-31得票数 0
回答已采纳
1回答
嗨，我正在为一些看起来很简单(也许是这样)的东西而挣扎，但当有其他类名相同的元素时，我不知道如何只影响我正在悬停的元素。
显然，我遗漏了一些东西，但在将.insertAfter()应用于所有名为.item的元素(而不仅仅是徘徊的元素)时，我使用的和失败的是：
$('.item').hover(
function() {
$('<div class="testText">TEST</div>').insertAfter('.block' , this);
},
functi
浏览 1提问于2021-06-04得票数 1
回答已采纳
1回答
在这里寻求帮助..。目标是：
在页面加载上，等待5秒，然后从父"gridResponsive“的子div列表中选择一个随机子div (其中一个名为"grid-item”)，然后执行一个函数(在这个随机选择的div中淡入子div--例如“悬浮”div)。等待3秒，然后淡出子div (例如“悬浮”)，再等待5秒，然后重新启动这个过程-例如从"gridResponsive“组中选择另一个随机子div -例如另一个”网格-项“。
有什么想法吗？我似乎找不到可行的解决办法.
谢谢
参见下面的示例HTML：
<div class="gridResponsive"
浏览 1提问于2015-09-17得票数 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回答
实际上，我的菜单看起来像，最后我的肚脐应该是这样的：我不能使用它，因为我不能加载.js。只是效果不太好。
所以我想一个人写，机械：
写它的最好方法是什么？我可以很容易地在div上进行悬停，但按钮需要保持悬停到下一次点击没有加载网站。
PS-按钮有不规则的形状，所以我们需要使用背景图像的div。
浏览 5提问于2013-09-18得票数 2
回答已采纳
3回答
AJAX加载不适用于脚本
、、、
我正试图创建一个网站，当文档完成加载时，HTML代码会被加载到div中。但是，悬浮函数不适用于AJAX负载。请帮帮忙。
$(document).ready(function() {
$('#sidebar').load('sidebar-main.php');
$("#sidebar .section").hover(function() {
$('#sidebar .section .left-mark').show();
},function(){
浏览 2提问于2017-09-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
