在链接鼠标悬停时显示隐藏的 div 以显示在现有幻灯片的顶部？答案

【问题标题】：display a hidden div on link mouseover to appear on top of existing slideshow?在链接鼠标悬停时显示隐藏的 div 以显示在现有幻灯片的顶部？
【发布时间】：2013-05-27 23:34:11
【问题描述】：

第一次发布问题，但多次访问该网站。

我正在尝试复制此网站上使用的效果：http://www.toyota.ca/cgi-bin/WebObjects/WWW.woa/wa/vp?vp=Home&language=english

我可以处理的滑块，没问题。但是他们使用什么脚本或 jquery 让隐藏的 div 出现在汽车模型链接的鼠标悬停并显示在滑块的顶部？我也喜欢汽车列表的效果。

搜索了stackoverflow并找到了这篇文章的链接：mouseover to display appropriated div for link 这能达到预期的效果吗？

我正在为一个新项目做准备，这是客户必须提出的要求。我不是编码员，但如果你说清楚，我可以按照说明进行操作。

感谢您的不懈帮助。

【问题讨论】：

标签： jquery html hyperlink mouseover hidden

【解决方案1】：

每辆车只有一个div。当您将鼠标移到一个项目上时，一个 div 可见，其他 div 被隐藏。您可能想看看这个问题：jQuery Show One Div and Hide the Others。

列表效果也是简单的css。您只需切换一个使字体和填充更大的类。为了使过渡顺利，您可以使用CSS transitions 或jQuery.animate。

【讨论】：

感谢您的及时回复。我的印象是只有一个 div 与滑块重叠，它是鼠标悬停时更改的内容。另外，它需要在鼠标移出时全部隐藏？
@user2426310 您可以打开页面源并检查自己。有一个dif 和id="vehicle_slides"，它包含所有其他人。是否隐藏鼠标悬停决定您的决定。它们似乎只有在鼠标离开最大的 div 时才会隐藏，我觉得它没有用，我根本不会隐藏。