javascript - 将鼠标悬停在图标上以显示未锻炼的标题

标签 javascript jquery css

所以我有一排图像图标,它们紧紧地挤在一个区域中,当我将鼠标悬停在它们上方时,我希望它们稍微向上移动,并淡入图标下方的标题。我已经能够在我自己的网站上成功地做到这一点(不能链接到它,抱歉),除了我不能让文本在图标下方居中并且不影响布局。我试过使用 position: absolute 定位标题,但这会使图标下方的文本不居中。如果没有绝对定位,当它淡入淡出时,它会破坏其余的布局。我只是使用绝对定位手动定位每个标签,但我们的网络应用程序是国际化的,所以单词的长度会不同,所以这需要是动态的。我尝试创建一个 jsfiddle 来展示我在做什么,但显然悬停在其中不起作用?

http://jsfiddle.net/QYDmM/

希望有人能帮忙!

最佳答案

请参阅此 jsfiddle:http://jsfiddle.net/RikudoSennin/QYDmM/3/

我改变的是我在 jQuery 中添加了一个新行,并在 .icon-holder 上添加了 position: relative;

关于javascript - 将鼠标悬停在图标上以显示未锻炼的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7000861/

相关文章:

javascript - 访问嵌套子范围内的范围

javascript - 当我制作动态发票时,如何使用 JavaScript 在 HTML 表中进行计算?

css - 对齐居中的垂直和水平不规则缩略图

html - 如果悬停之前的文本,如何在图像上启用悬停效果?

javascript - 缩放图像 80% - jquery

javascript - 如何检查某个用户是否选择了其他用户即将选择的项目?

javascript - Google Map v3 marker点击功能问题和触发外链

javascript - 具有动态宽度的元素的动态数量,直到两行被填充

javascript - 如何设置可调整大小的表格的最小宽度?

html - 关闭 iPhone/Safari 输入元素舍入