## divのスタイルとして想定している
`` `HTML
<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字コード= "UTF-8">
<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0">
<META HTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
<スタイル>
* {
マージン：0;
パディング：0;
}
DIV {
幅：100pxに。
高さ：100pxに。
背景色：赤。
左：0;
トップ：0;
位置：絶対;
不透明度：1;
}
</スタイル>
</ head>の
<身体>
の<div> </ div>
<スクリプトSRC = "./ animation.js"> </ SCRIPT>
<SCRIPT>
のvar DIV = document.querySelector（ 'DIV'）;
//アニメーション（div要素、 '幅'、500）;
//アニメーション（DIV、 '不透明度'、50）;
アニメーション（DIV、{
幅：200、
左：500、
不透明度：50
}）;
</スクリプト>
</ BODY>
</ HTML>
`` `
##のみの単一のスタイルについて
`` `のJavaScript
関数でgetStyle（EL、プロパティ）{
IF（getComputedStyle）{
getComputedStyle（EL）を返す[プロパティ]
}他{
el.currentstyle [プロパティ]を返します。
}
}
関数アニメーション（EL、プロパティ）{// EL：元素、プロパティ{プロパティ：属性;ターゲット：目标}。
clearInterval（el.timerId）
el.timerId =たsetInterval（関数（）{
（特性のVARプロパティ）{ための
VAR電流;
VAR対象=プロパティ[プロパティ];
IF（プロパティ=== '不透明'）{
=現在の数学。ラウンド（parseFloatは（でgetStyle（EL、 '不透明度'））×100）
}他{
電流=のparseInt（でgetStyle（EL、プロパティ））
}
VAR速度=（目標-現在）/ 30;
速度=速度> 0数学？。 CEIL（速度）：Math.floor（速度）;
（プロパティ=== '不透明度'）であれば{
el.style.opacity =（（現在+速度）/ 100）
}他{
el.style [プロパティ] =（現在の+速度）+ 'PX';
}
}
}、10）
}
`` `
##针对多个样式
`のJavaScript
関数でgetStyle（EL、プロパティ）{
（getComputedStyle）であれば{
getComputedStyle（EL）[プロパティ]を返す
{他}
el.currentstyle [プロパティ]を返します。
}
}
関数アニメーション（EL、プロパティ）{// EL：元素、プロパティ{プロパティ：属性;ターゲット：目标}。
clearInterval（el.timerId）
el.timerId =たsetInterval（関数（）{
（特性のVARプロパティ）{ための
VAR電流;
VAR対象=プロパティ[プロパティ];
IF（プロパティ=== '不透明'）{
=現在の数学。ラウンド（parseFloatは（でgetStyle（EL、 '不透明度'））×100）
}他{
電流=のparseInt（でgetStyle（EL、プロパティ））
}
VAR速度=（目標-現在）/ 30;
速度=速度> 0数学？。 CEIL（速度）：Math.floor（速度）;
（プロパティ=== '不透明度'）であれば{
el.style.opacity =（（現在+速度）/ 100）
}他{
el.style [プロパティ] =（現在の+速度）+ 'PX';
}
}
}、10）
}
`` `