链接鼠标悬停上显示隐藏的div以显示在现有幻灯片的顶部?

时间:2013-05-27 23:34:12

标签: jquery html hyperlink mouseover hidden

第一次发帖提问,但多次访问该网站。

我正在尝试复制此网站上使用的效果: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 这会达到预期的效果吗?

我正在尝试为新项目做准备,这是客户必须要求的。我不是编码员,但如果你说得清楚,我可以按照说明操作。

感谢您的不懈帮助。

1 个答案:

答案 0 :(得分:0)

他们每辆车只有div。将鼠标移到某个项目上时,会显示一个div,而其他div则会隐藏。 您可能想看一下这个问题:jQuery Show One Div and Hide the Others

列表效果也很简单。您只需切换一个使字体和填充更大的类。要使此转换顺利进行,您可以使用CSS transitions ot jQuery.animate