歡迎各位親們賞臉** * _ *
我們都知道，**中有很多的運動，其需求不同，但大體結構類似。如果我們把每個功能模組都寫出來，不僅浪費時間，而且浪費很多**空間，增加**冗餘，使**顯得雜亂無章。
今天我們就來寫乙個框架，將不同的運動封裝成乙個方法，讓不同的運動共用這乙個方法，節省時間、空間。而且，這個框架一旦完成，無論何時想用，只要乙個呼叫，就可以實現。
這個方法能實現的運動有變寬、變高、變字型大小、變透明度、變邊框等等，基本上給標籤新增的樣式，用這個方法都能讓他做出對應的改變。
下面就和我一起進入**空間吧，相信你一定會有很大的收穫-->
// 獲取當前樣式
function
getstyle
(obj, name)else
}var timer = null;//建立定時器
function
startmove
(obj, attr, target) else
//獲取當期速度，並將其取整，避免不能精準到達指定位置
var speed = (target - curstyle) / 6;
speed = speed > 0 ? math.ceil(speed) : math.floor(speed);
if (curstyle == target) else else
}});
}
以上**基本上適合所有運動，只要呼叫startmove方法，並給他傳上引數，就能實現你想要的簡單運動。多物體運動框架
math.round x 將x四捨五入obj.style獲取的是內聯樣式 行間樣式 obj.currentstyle獲取外部 使用 和內部樣式表中的樣式。注意 只有 ie 和 opera 支援使用 currentstyle 獲取 htmlelement的計算後的樣式，其他瀏覽器中不支援。標準瀏覽器中...
多物體運動框架
1.相比於單物體運動框架，多物體運動框架多了乙個引數obj，用來指明需要哪個物體運動 執行效果圖 點選這裡 原因 共用乙個計數器 解決方案 把計時器作為obj的屬性，每個obj上有且僅有乙個計時器。執行效果圖 點選這裡 2.在單物體運動框架中，淡入淡出的opacity使用乙個全域性變數opacity...
JS多物體運動
乙個網頁上肯定不只乙個地方在運動，所以肯定要使用多物體運動這種技巧。其原理是每個物體都有自己的定時器id。例子 20個div一起運動.用滑鼠移入移出來控制div的運動,類似於 背景的那種節奏跳動.如圖 需要注意的地方 1.必須給每個div都設定乙個定時器，否則會混亂,設定定時器也有技巧，就是直接給d...