動畫實際上就是在一定時間內(nèi)，改變一個元素的某些屬性。

這里簡單實現(xiàn)一個JavaScript運動的框架。主要包括：

  1. 速度動畫（改變left、right、width、height、opacity）

  2. 緩沖運動

  3. 多物體運動

  4. 任意屬性值改變

  5. 鏈?zhǔn)竭\動

  6. 多屬性同時變化

速度動畫

速度動畫就是通過改變left、right、width、height、opacity的值來達到動畫效果。我們先寫一個簡單的HTML結(jié)構(gòu)：

<div id="div1">
    <span id="share">分享</span></div>

具體CSS樣式效果如下圖：