：通过onclick javascript在css上悬停

文章/答案/技术大牛

发布

1回答

javascript、css

我只是用css和html写了一段代码。这是一个初学的火箭动画，通过transform: translate() rotate()。我用悬停来驾驶火箭。我想使用javascript onclick (或任何其他)事件来飞行火箭。例如，当我点击石灰盒子火箭动画开始。我如何通过javascript事件做到这一点。<html> <link rel="stylesheet" href="rocket.<e

浏览 0提问于2017-02-02得票数 0

回答已采纳

1回答

如何使弹出子菜单在鼠标悬停时位于父容器和子菜单之外时保持可见

css、popup、hover、position、mouseover

当鼠标悬停在其父容器或子菜单之外时，如何使弹出子菜单保持可见？目前，如果鼠标没有从父容器(B) .account-settings-container直接滑下到子菜单上箭头，菜单将不会保持可见请注意，当子菜单位于导航栏的正下方时，会出现此问题。导航栏底部填充的微小间距会使子菜单在该区域悬停时无法显示，但我需要使用导航填充来给各行留出一些呼吸的空间。可能需要调整CSS结尾处的translate的y位置，以便将子菜单定位在导航栏的正下方。此外，有没有更好的方法来确保无论导航栏的高度如何，子菜单都直接显示在导

浏览 11提问于2020-01-24得票数 0

6回答

如果没有iPhone元素，如何修复:悬停在<a>上？

javascript、iphone、html、hover

如果没有:hover元素，如何在iPhone上修复<a>？ <ul> </ul></ul> 我回答了一种解决这个问题的JavaScript

浏览 7提问于2012-04-06得票数 6

回答已采纳

2回答

css :悬停、触摸屏和单页应用程序

javascript、html、css、mobile

我正在制作一个单页面的应用程序与超文本标记语言，CSS和Javascript (没有jQuery或类似的)。这个应用程序由许多可以通过Javascript更改的UI页面组成。在电脑上使用鼠标的用户体验很好，但在触摸屏(移动设备等)上就不是那么好了。有许多具有CSS悬停图形效果的按钮。如果我在触摸屏上点击一个按钮更改页面，指针停留在那里触发下一个元素的CSS悬停，当页面被“更改”时

浏览 1提问于2014-12-30得票数 4

1回答

将桌面上的悬空导航条转换为触摸屏上的可单击导航条

javascript、jquery、html、css、onclick

当鼠标悬停在导航栏上时，导航栏上的一个主要类别会显示一组子类别(内部页面链接)。为了实现这一点，我只需在我的CSS代码中使用“悬停”命令。问题是，当我的站点在触摸屏设备上被查看时，我可以通过单击“悬停”元素(这是我想要的)来切换打开子类别，但是我不能通过单击“悬停”元素来关闭子类别。一旦它们在触摸屏设备(IPhone6s Plus)上被打开，除非我刷新页面，否则它

浏览 2提问于2016-05-13得票数 0

8回答

iOS自动悬停修复？

javascript、iphone、css、hover

是否有一个jQuery插件或JavaScript脚本能够自动遍历每个CSS悬停(在外部样式表中找到)并将其绑定到一个双触地事件中？触地1- CSS :悬停被触发编辑：触地2 ->以下链接或

浏览 0提问于2011-04-01得票数 16

回答已采纳

4回答

CSS和Javascript:更改颜色效果悬停样式的函数

javascript、css、onclick、hover

我有一个元素，我在其中为CSS中的悬停状态设置了文本颜色和不同的文本颜色。我有一些javascript，当我单击元素时，它会改变元素的文本颜色。它工作得很好，除了它还影响悬停CSS，我希望它保持与预先单击的悬停CSS相同。有没有办法阻止悬停css生效或设置悬停CSS？CSS：#test:hover {color:green;} HTML：

浏览 5提问于2013-05-04得票数 4

回答已采纳

1回答

使用javascript而不是jquery打开和关闭菜单

javascript、menu、onclick

我有一个菜单，我使用CSS在悬停时打开，但在手机上不起作用，所以我也试着把onclick放在上面。在onclick上打开它，但我不能关闭它。我设置菜单的位置是-200，然后在悬停时位置向左变为0，这会使菜单滑出。我的javascript是function openMenu(){ document.getElementById('colorchanger').style.left = 0

浏览 1提问于2013-06-30得票数 1

2回答

Javascript击倒CSS:hover？

javascript、css、hover、rollover

您好，我正在尝试使此页面上的产品类别菜单工作： onclick="setStyle('c1'，‘背景位置’，'0px 0px')；这意味着c1:hover不再起作用.important放在CSS c1:hover背景位置，这在Firefox中解决了这个问题，而不是I

浏览 5提问于2010-04-22得票数 1

3回答

触摸装置上的悬停事件

html、css

就像这个例子：现在，问题是在平板电脑和手机上，因为在触摸设备上我们没有悬停事件，用户应该在<li>上单击(触摸)，所以所有其他<li>都会降低透明度，用户无法取消<li>的选择(取消悬停)，因此他们应该刷新页面

浏览 2提问于2014-01-21得票数 1

回答已采纳

3回答

Css帮助？悬停时的图像

css、click、hover、overlap、onhover

嘿，伙计们，我需要一些css的帮助，我有一些图像，当我悬停在它们上面时，它会扩展，但它会同时推开所有东西 .box width: 750px; width: 225px;}我不希望它这样做，我希望它只是重叠其余的图像，并在左键单击展开，而不是悬停

浏览 0提问于2013-05-21得票数 0

7回答

如何为没有href的链接将光标样式设置为指针

javascript、html、css、hyperlink、cursor

我有很多不带href属性的<a> html标记，用于调用onclick javascript。这些链接没有指针样式的光标。它们有文本样式的光标。我在html文档中的很多地方都有这个，我想知道如何在不使用href属性的情况下为链接设置光标样式的指针。

浏览 2提问于2010-03-09得票数 144

回答已采纳

9回答

如何在不使用javascript的情况下使span看起来像一个链接？

html、css

对于我的网站，我需要使用<span>而不是<a>，因为我主要使用ajax，因此在我的跨度中有onclick ajax事件作为属性，而不是链接。因此，我不得不手动设置跨度的样式，使其看起来像链接。我已经使用hover和访问伪类来更改背景和文本颜色，但是要将鼠标默认设置更改为鼠标悬停时的指针，我需要使用javascript吗？或者我可以使用css来做到这一点？此外，我刚刚意识到:无论如何我不能只使用<a>标记而不是<span>，而是只需要包含一个onc

浏览 2提问于2012-12-28得票数 58

3回答

Javascript Mouseover事件行为异常

javascript、jquery、html、css

这有点像我想要的那样工作，但问题是，如果你把鼠标移到任何一个子元素上，整个主容器就会向上滑动，然后又向下滑动。我正在尝试让整个容器滑到MouseOver上，然后一直滑到MouseOut，当它应该滑回来的时候。<div onmouseover="$('#id_content').slideDown('fast', function(){ $(this).css('display', 'block'); $(this).css(&#

浏览 3提问于2013-04-16得票数 0

回答已采纳

3回答

转换:悬停菜单为onclick，以便在移动设备上使用

javascript、jquery、html、css

我已经使用css创建了一个下拉菜单，现在正在尝试通过将悬停功能更改为onclick来将其转换为在移动设备上使用。我在这里看到了几个如何实现这一目标的例子，但我的javascript知识相当有限，所以我在尝试实现这些建议时遇到了麻烦。这是我用来显示菜单项的css代码。

浏览 0提问于2018-12-10得票数 0

1回答

Jquery禁用css悬停效果

jquery、css、hover

我编写了一个小菜单，其中鼠标悬停改变了鼠标结束的字段的颜色。此后，我通过jquery更改css onclick。<div id="overskrift2" class="vbtn" felt="2">Guide<

浏览 1提问于2013-08-15得票数 1

回答已采纳

7回答

停止风格的悬停行为与jQuery？

javascript、jquery、html、css

这种风格 { } 但我希望(如果可能的话) Jquery将停止这种悬停行为。这里是 (我希望在按下按钮之后--在悬停时不会发生任何事情)。

浏览 4提问于2013-01-29得票数 2

回答已采纳

4回答

如何检查HTML元素的动画？

javascript、css、google-chrome-devtools

我希望看到分配给特定元素的CSS转换或JavaScript/jQuery动画。我应该如何在Chrome DevTools或任何其他开发工具中这样做？例如，我访问了一个Google加号页面，我注意到当我在一张图片上悬停时，它会变灰，然后在角落里出现一个关闭按钮。 Hover我如何才能看到这种行为背后的代码？

浏览 5提问于2013-04-12得票数 7

5回答

单击链接时意外的页面向上滚动

html、hyperlink

我写了一个超文本标记语言页面，它主要是在iPad上浏览的。基本上，它是一个常见问题列表，每个问题都有悬停效果。要在ipad上启动悬停效果，我必须放一个这样的虚拟链接。</a> 这是一个对每个浏览器都适用的问题:当列表太长以至于你不得不向下滚动时，当你点击页面底部的链接时，它会跳回到顶部，同时启动悬停效果。问:在使用伪链接时，如何防止页面跳转到顶部？

浏览 0提问于2012-01-26得票数 4

回答已采纳

1回答

如何仅在悬停时显示CSS转换？

javascript、jquery、html、css、transition

我在div上添加了一个转换，这样当它悬停时，颜色就会发生变化，就像下面的示例：<div id="transition"></div>#transition代码)，这个HTML代码：<button onclick="recolortransition

浏览 1提问于2014-01-07得票数 5

回答已采纳

点击加载更多