4
A
回答
5
最簡單我能想到的是:
- 使相對
- 使動畫元素是上面
- 計算頂子,使用留下的中心點位置:
math.sin(時間*(角/秒))*距離
math.cos(....)
簡單的演示:
var elem = $('h1:eq(0)')
.append('<span id="round" style="position:absolute;background-color:red;"> </span>')
.css('position','relative')
.find('span#round');
var i = 0;
setInterval(function(){
++i;
elem.css({'left': Math.sin(i * 0.02) * 100, 'top': Math.cos(i * 0.02) * 100});}, 100);
看到它在行動jsfiddle。
6
使用jquery.path插件,這裏是一個demo。
(發現它來自另一個問題:How would you animate something so that it follows a curve?)
相關問題
- 1. SVG動畫圍繞中心點旋轉路徑。
- 2. 動畫圍繞一個點 - 拉斐爾
- 3. 在畫布中圍繞其中心點旋轉圖像
- 4. 圍繞中心點的軌道對象
- 5. Threejs - 圍繞中心
- 6. 圍繞一箇中心點旋轉CGPoint
- 7. Android - 圍繞中心點旋轉圖像?
- 8. Java圍繞中心點旋轉物體?
- 9. 圍繞中心點旋轉身體
- 10. 中心Bing地圖V7圍繞點陣
- 11. Swift:圍繞中心點旋轉圖層
- 12. 多邊形圍繞中心點繪製
- 13. 畫布移動圍繞
- 14. 圍繞畫布移動ListBoxItems?
- 15. 我可以用動畫圍繞中心旋轉UIImage嗎?
- 16. 圍繞中心的CSS rotateX
- 17. jquery - 使圖像旋轉圍繞中心點旋轉
- 18. 平移和旋轉圍繞中心
- 19. 核心動畫:在10.8上設置anchorPoint以圍繞其中心旋轉一層
- 20. CALayer圍繞中心旋轉
- 21. 圍繞中心旋轉NSView
- 22. 圍繞它轉動一個BufferedImage中心點
- 23. OpenGl圍繞點轉動
- 24. 保持圍繞中心點點的列表,保存CCW爲了
- 25. XNA 4.0 - 圍繞自己的軸旋轉和圍繞世界中心
- 26. 在HTML畫布中圍繞固定中心旋轉圓弧
- 27. 圍繞中心點旋轉一個點,錯誤
- 28. 如何繪製圍繞畫布中心的圓圈移動矩形?
- 29. jQuery動畫div到中心
- 30. 圍繞中心點在ActionScript 3.0中的完美旋轉
很可愛,非常感謝。 – 2011-01-24 11:45:49
呵呵,演示在FF中無法使用。獲取`$ .path是未定義的`。這似乎是由NoScript中的nosniff Blocking造成的。 – 2011-01-24 11:59:53