基本上,我想要这种功能但不那么复杂: http: //www.blueacorn.com/team/
我有一个 ul 的各种 li 包含图片,这些图片将仅链接到 LinkedIn 帐户(而不是 Twitter,就像示例中一样)。我希望当您将鼠标悬停在其中一张图片上时,jQuery 动画将在其上显示一个图像,您将能够单击它转到他们的 LinkedIn。(最终这些都将是不同人的照片。)
这是我的 JFiddle:http: //jsfiddle.net/h5y64/
如果可能的话,我不想为每个盒子创建一个 id,因为我将拥有 40 多个(并且还在增长)。
我的主要问题是:
1)我无法让 divHover 在我悬停的图片上正确设置动画(它到处都是!)
2) 我无法让 divHover 链接到不同的网页。
我确信有一种方法可以让我动态地做到这一点,但我无法弄清楚。
顺便说一句,这个问题很相似,但依赖于为每个块创建一个 id:How to position a hover div based on the position of the element
我真的找不到一个很好的例子(我能理解)。但是这个问题很难描述,所以也许我错过了。
我对 jQuery 还是很陌生,所以如果可能的话,请降低你的答案。:)
提前致谢!