2010-07-24 146 views
0

我有一個具有特定寬度和高度的div。一個寬度相同但高度較低的較小圖像。我怎麼能在div內移動圖像?

  • 位置的小圖像的大格內頂端(但仍然在所有的小圖像是在可見)
  • 從大內頂端動畫小圖像股利內側底部(又一遍,仍然保持它的所有可見的)
  • 逆過程去頂部再次

我已經完全糊塗了這一個。所有寬度/高度都是已知的,所以它們不需要動態計算。

謝謝。

+0

你想讓圖像動起來然後立即?或者你想控制上/下移動? – Marko 2010-07-24 23:07:30

回答

2

您可以在看到代碼here

的例子。在一般看jQuery的方法。

+0

夢幻般的回覆,謝謝! – johnjohn 2010-07-24 23:19:57

1
  1. 設置位置:相對於包含div。
  2. 設置位置:絕對的圖像。
  3. 使用setInterval,直到它等於(含div的高度)增加圖像的頂部 CSS屬性 - (圖像高度)
  4. 一旦達到,同樣動作,除了減量的頂部屬性,直到0
  5. 轉到3 :)
+0

非常感謝! – johnjohn 2010-07-24 23:19:30