使用CSS将悬停效果应用于标题

文章/答案/技术大牛

发布

2回答

html、css、hover、fade、html-heading

我正在尝试使用CSS3实现标题悬停时的淡入淡出效果，但没有成功。我不确定我做错了什么，因为我很确定我遵循了W3学校的教程。你能帮我修复一下代码吗?这样我就可以得到我的标题的淡入淡出效果了。我尝试应用悬停效果的类是.lesson-title，h1。这意味着它将适用于名称为“确定您的业务机会”、“测试您的概念或产品”等的标题。它们也是链接，因此您也可以将悬停效果作

浏览 16提问于2019-03-18得票数 1

回答已采纳

5回答

jquery悬停更改单击效果

jquery、list、click、hover

我有一个无序的列表作为菜单，使用jquery具有悬停效果(而不是css，因为我计划在悬停时对其他元素进行其他更改)。我在点击和禁用悬停的效果，以防止它改变鼠标，但我似乎无法完成这个简单的任务。点击效果不会改变背景，我不能再点击，因为它已经解除绑定。应用悬停效应 $(document).re

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

回答已采纳

2回答

将CSS3悬停过渡替换为jquery单击事件

jquery、css、click、hover

我有一系列使用css3实现悬停效果的图像。当用户将鼠标悬停在图像上时，标题会滑过。这是一个非常好的效果。在移动端，用户看不到这种悬停效果，因为移动端没有悬停。理想情况下，我希望移动用户在“点击”(与点击相同)图像时看到标题。将css悬停选择器转换为单击事件的最佳方法是什么？我认为最好的方法是使用jquery。但

浏览 0提问于2012-05-02得票数 1

回答已采纳

1回答

CSS过渡不透明在手机上不起作用

css、transition、opacity、codepen

我正在使用这个网站的代码：来制作一个带有过渡的图像网格，当你触摸或移动它时，它会显示一些文本。这种转换在PC上运行良好，但当我在手机上测试时，我得到了图片上的不透明颜色。

浏览 17提问于2020-03-01得票数 0

2回答

一个元素或部分上的自定义CSS更改整个页面。

design

在Scrren快照中，我已经掌握了链接的样式，但在标题上徘徊，而标题恰好是一个H2标记。我使用一些自定义css，让他们改变为蓝色时，我悬停在他们之上。我把自定义css专门针对这一节的文本。您也可以访问页面，查看页面上的所有内容如何获得相同的效果:悬停效果应用。我怀疑这是因为我只使用了:在它之前不带任何东西的悬停，因此它被应用于所有的东西。我尝试过的其他事情: 1.使用</

浏览 0提问于2019-01-22得票数 0

回答已采纳

1回答

将悬停效果添加到mmenu

mmenu

对我来说，这是一个CSS的速成课程！然而，我想给mmenu添加一个悬停效果(菜单项的背景会改变颜色)。对于单级项目没有问题，这只是一个链接，但如果我将悬停效果应用于打开二级菜单的项目(那些具有向右箭头的项目)，悬停颜色会隐藏文本。有使用CSS的解决方案吗？

浏览 1提问于2015-11-12得票数 0

2回答

如何将悬停效果应用于两个不同的元素

javascript、html、css、hover

我正在尝试将悬停效果同时应用于两个不同的元素，这意味着当我将鼠标悬停在一个元素上时，我也是另一个具有悬停效果的元素。这两个元素是一个简单的文本和一个图标(使用很棒的字体)。有没有办法只用html和css来做到这一点？或者我需要使用javascript吗？非常感谢!

浏览 0提问于2015-11-23得票数 0

3回答

仅将响应菜单重写为css

javascript、css、menu、responsive-design

</li> <li class="last"><a href="#">Contact Us</a></li>CSS;}); if (ww <

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

回答已采纳

3回答

在应用圆形CSS边界和不透明效果时，图像不正确显示。

html、css

我正在使用Zurb的基金会5.0.2作为一个CSS网格基础。 opacity: 1.0; opacity:0.5; 此代码正确地显示圆圈周围的边框，但将</

浏览 5提问于2013-11-28得票数 3

回答已采纳

1回答

在Wordpress Nav菜单中使Dash图标具有Hover效果

css、wordpress

如果您查看的顶部导航菜单，您将看到我尝试使用通过Wordpress菜单分配的CSS类在其中添加dash图标。在常规状态下，仪表符看起来很好，但不具有悬停效果。将悬停类应用于a: the元素的最佳方法是什么？

浏览 1提问于2014-09-14得票数 0

回答已采纳

1回答

CSS中嵌套列表项的双重悬停效应

html、css

我试图获得不同的悬停效果的列表项目。我的列表是图像和标题(都是从wordpress中提取的)--我想要标题的背景框在悬停时改变颜色(父Li)和应用于图像的效果(我在js小提琴示例中使用了不透明度)。placekitten.com/g/200/300"/></a> <a href="#&qu

浏览 3提问于2013-07-31得票数 1

2回答

具有相同悬停效果的多幅图像

javascript、jquery、html、css

因此，我目前有多个图像在一个页面上，然而，当我想要超过悬停效果的一个，是盘旋在上面。如果页面有超过12个图像，一种方法是使用id重复12次此代码，但是否有一种更有效的方法： $("img").addClass("transition

浏览 0提问于2015-02-18得票数 0

回答已采纳

3回答

在鼠标悬停时更改字体颜色，然后单击javascript或html

javascript、html、css

我有几个html链接，我将onmouseover和onmouseout设置为更改颜色，我希望能够做的是，当我单击其中一个链接时，链接被设置为某种颜色，鼠标悬停效果不再对所单击的链接起作用，而是对其他链接起作用

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

回答已采纳

2回答

如何使用jquery删除css* :悬停？*

jquery、css

css margin-right:6px;在某些条件下，我想删除这个:hover事件if (indexL == countL) {}

浏览 7提问于2014-07-26得票数 0

回答已采纳

1回答

Angular UI-Grid:悬停在可展开行上

javascript、html、css、angularjs、angular-ui-grid

我正在尝试在一个角度ui网格的行上实现一个悬停效果。当用户悬停在行上的任意位置时，完整的行应更改其背景颜色。但是，我使用的是可扩展网格，它会自动创建一个带有展开图标的行标题。现在CSS规则要么给行标题区着色，要么给数据区着色，但决不会给整行着色。这是对任何其他列的悬停效果：有人找到解决这个问题的办法了吗？

浏览 2提问于2016-04-04得票数 2

2回答

带有灰度jquery插件和简单jquery函数的CSS问题(无浮动图像)

jquery、css、grayscale

我正在使用灰度jquery插件在运行中对图像进行灰度处理( Andrew Pryde)。但我尝试添加另一个jquery函数:在滚动时显示图像信息。该函数单独工作，但与插件，我有一个css的问题。图片不再浮动：源代码(css、html、jquery很容易在示例中找到)。非常感谢！

浏览 0提问于2012-10-05得票数 1

回答已采纳

2回答

将悬停事件(光标指针属性)添加到正文中，但不添加到其子对象中

jquery、css、hover

width: 50vw; height: 300px;"> <div class="else">oekdoekod</div>问题是，我只需要在悬停身体时才有光标指针效果，而不是用id="something"悬停div。something, #something *)",function(e){ $(this).addClass(&qu

浏览 3提问于2015-03-24得票数 0

1回答

使用jquery组合效果

jquery

我有两种不同的jquery效果，我想要应用于表单单选按钮，一边是按钮的悬停效果，另一边是选定单选按钮的背景颜色更改。代码如下：$(".label_radio").hover(function () {},functioncss("background", "red"

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

回答已采纳

1回答

动画只影响css-doodle的第一个元素

css、css-animations、css-doodle

当鼠标悬停在涂鸦上时，我想做随机的“闪烁”效果。为此，当用户将鼠标悬停在涂鸦容器上时，我将动画名称blink存储到一个变量中。出于某些原因，动画仅应用于网格的第一个元素。有没有一种方法可以将动画应用于所有元素？CodePen：https://codepen.io/entityinarray/pen/mdbRPRz <html> <script src="https:&

浏览 16提问于2019-08-23得票数 1

回答已采纳

2回答

jquery ui下拉列表/选择[四舍五入的底部]

jquery、css、drop-down-menu

使用： .ui-widget-content .ui-state-hover, .ui-widget-content

浏览 2提问于2011-10-18得票数 0

回答已采纳

点击加载更多