根据元素的偏移量锚定动画div

时间:2010-06-28 22:18:55

标签: jquery

我要做的是创建一个锚点列表,这些锚点将根据图像的偏移量为满载图像的div设置动画。

  • a-one应为ul#gallery

    设置动画 基于#img-one.box。
  • 的偏移量
  • a-two应该为ul#gallery

    设置动画 基于#img-two.box。
  • 的偏移量

所以如果剩下ul#gallery:0和#img-two.box是300px。然后,当您单击#a-one时,它将偏移ul#gallery left:-300px以使#img-two.box基本上向左冲洗。

我开了一个例子,但无法在这里完成:http://jsfiddle.net/XmB2Y/1/

如果令人困惑,我将非常乐意更详细地解释。

编辑: 现在我正在思考它。我认为可以做到的一种方法是,如果你要使每个链接的href与相应的框具有相同的id。那么你可以做的是当用户点击链接,寻找匹配的div然后计算偏移量。然后设置ul#gallery offest.left数量的动画。

编辑二: 因此,由于链接数量和图像数量总是相同的..您可以使用:nth-child选择器将每个链接与每个图像对应吗?

1 个答案:

答案 0 :(得分:3)

如果我理解正确,您可以尝试http://jsfiddle.net/kpkM2/26/