tween用户使用指南
tween.js user guide
tween.js用戶指南
1.What is a tween? How do they work? Why do you want to use them?
一、什么是tween?它如何工作？為何你需要使用它？
tween允許你以緩和的方式改變一個(gè)對(duì)象屬性的值。你只要告訴它要改變什么屬性，停止改變時(shí)屬性的終值該是什么，以及這一變化要經(jīng)歷多少時(shí)間，然后tweening的引擎就會(huì)從變化開始到變化結(jié)束關(guān)注該屬性當(dāng)前值。例如，假設(shè)你有一個(gè)有x和y坐標(biāo)的位置對(duì)象：
var position = { x:100, y:0 }
如果你想把x值從100變到200，你只要：
// 首先為這一position對(duì)象創(chuàng)建一個(gè)tween
var tween =newTWEEN.Tween(position);
//
告訴tween我們想把x屬性在1000毫秒內(nèi)改變
tween.to({ x:200 }, 1000);
事實(shí)上這并不會(huì)做任何事情，這個(gè)tween雖然被創(chuàng)建了，但未被激活，你需要啟動(dòng)它：
tween.start();
最后，為了盡可能地讓運(yùn)動(dòng)平緩，你應(yīng)該在動(dòng)畫的同一個(gè)主循環(huán)內(nèi)使用TWEEN.update。通常這看起來像：
animate();
functionanimate() {
requestAnimationFrame(animate);
// [...]
TWEEN.update();
// [...]
}
這會(huì)讓引擎關(guān)注每一幀激活的position;在一秒后（也就是1000毫秒，tween變量建立時(shí)傳入的參數(shù)），position.x會(huì)變成200。
如果你想看到position的數(shù)值變化的話，你可以使用onUpdate函數(shù)把x打印到控制臺(tái)：
tween.onUpdate(function() {
console.log(this.x);
});
這個(gè)函數(shù)會(huì)在每一次tween更新時(shí)被調(diào)用；它發(fā)生多少次取決于許多因素——比如你的計(jì)算機(jī)的運(yùn)行速度和工作狀態(tài)等…
現(xiàn)在我們只是把屬性值打印到控制臺(tái)，但如果你把Tween用于其它場(chǎng)景，比如用來改變一個(gè)three.js對(duì)象的位置：
var tween =newTWEEN.Tween(cube.position)
.to({ x:100, y:100, z:100 }, 10000)
.start();
animate();
functionanimate() {
requestAnimationFrame(animate);
TWEEN.update();
threeRenderer.render(scene, camera);
}
這種情況下，因?yàn)閠hree.js的渲染器會(huì)在渲染前讀取對(duì)象的位置，因此你就沒必要清楚的調(diào)用一個(gè)onUpdate函數(shù)啦！！
可能你已經(jīng)在上面的代碼里發(fā)現(xiàn)了不一樣的內(nèi)容：鏈?zhǔn)秸{(diào)用?。∫?yàn)槊總€(gè)tween的方法返回了tween實(shí)例本身，因此你可以把下述代碼：
var tween =newTWEEN.Tween(position);
tween.to({ x:200 }, 1000);
tween.start();
寫成
var tween =newTWEEN.Tween(position)
.to({ x:200 }, 1000)
.start();
你會(huì)在提供的例子中看到許多鏈?zhǔn)秸{(diào)用tween方法的地方，因此有必要先去熟悉它?？纯?4-simplest這個(gè)例子吧！
2.Animating with
tween.js
二、使用tween.js來生成動(dòng)畫?。?/strong>
tween.js是不會(huì)自動(dòng)工作的，因此必須要調(diào)用update方法。推薦的作法是把它放進(jìn)動(dòng)畫函數(shù)的主循環(huán)內(nèi)，最好是使用requestAnimationFrame來獲得最好的圖形渲染效果。看起來像這樣：
animate();
functionanimate() {
requestAnimationFrame(animate);
// [...]
TWEEN.update();
// [...]
}
如果update沒有傳入?yún)?shù)，它會(huì)使用當(dāng)前時(shí)間來計(jì)算從上次運(yùn)行到現(xiàn)在過了多久，也就是會(huì)立即調(diào)用。
而如果你給update傳入了參數(shù)，例如：
TWEEN.update(100);
這意味著 "update with
time = 100 milliseconds"。你可以使用這個(gè)來確保你代碼中所有基于時(shí)間的函數(shù)總是使用相同的時(shí)間值。比如你有一個(gè)player并且想同步地運(yùn)行tween的話，你的animate代碼可能會(huì)看起來像：
var currentTime =
player.currentTime;
TWEEN.update(currentTime);
可以查看github中的test.js來了解如何給TWEEN.update()傳入不同的值來模仿經(jīng)過的時(shí)間。
3.Controlling a
tween
三、控制一個(gè)tween的動(dòng)畫
strat and stop
我們已經(jīng)知道Tween.start是啟動(dòng)一個(gè)tween，除此之外還有許多其他用來控制一個(gè)tween的方法。可能其中最重要的一個(gè)就是與start相對(duì)的方法：stop。如果想要取消一個(gè)tween，可以直接讓一個(gè)tween調(diào)用stop方法：
tween.stop();
停止一個(gè)未被啟動(dòng)的、或是已經(jīng)停止的tween是無(wú)效的，也不會(huì)拋出錯(cuò)誤。
start方法也可以接收一個(gè)參數(shù)。如果傳入了參數(shù)，那么tween不會(huì)啟動(dòng)，直到傳入的時(shí)間才啟動(dòng)。否則，它就會(huì)盡可能快地啟動(dòng)(也就是第一次調(diào)用TWEEN.update的時(shí)候）
update
每一個(gè)tween實(shí)例也是有update方法的——而這實(shí)際上是通過TWEEN.update來調(diào)用的。一般不會(huì)直接使用這個(gè)方法，但如果你想做出瘋狂的hack的話，這是很有用的。
chain
如果你把多個(gè)不同的tween排列起來的話（也就是一個(gè)tween結(jié)束之后另一個(gè)tween立即開始），事情將會(huì)變的很有趣。我們把這叫做chaning
tweens，而這是通過chain方法來串起來的。因此，如果想讓tweenB接在tweenA之后開始的話，你可以：
tweenA.chain(tweenB);
或者，如果你想使用一個(gè)無(wú)限的chain,可以：
tweenA.chain(tweenB);
tweenB.chain(tweenA);
github中給出的00_Hello
world例子正是使用了無(wú)限的chain.
在另外一些情況下，你可能會(huì)想緊接著一個(gè)tween之后同時(shí)進(jìn)行兩個(gè)tween的動(dòng)畫：
tweenA.chain(tweenB,tweenC);
repeat
如果你想不停地使用一個(gè)tween的話，你可以讓它c(diǎn)hain它自己，但更好的方式是使用repeat方法。它接收一個(gè)參數(shù)，表示重復(fù)的次數(shù)：
tween.repeat(10); // repeats 10 times and stops
tween.repeat(Infinity); // repeats forever
查看repeat例子
yoyo
這個(gè)函數(shù)只會(huì)在使用repeat時(shí)有用。它會(huì)讓tween的行為像個(gè)yoyo（悠悠球），也就是說，在下一次動(dòng)畫開始時(shí)，它的屬性是慢慢從終值拉回到初始值的，而不是簡(jiǎn)單的從頭開始tweens隊(duì)列。
delay
更復(fù)雜的動(dòng)畫管理可能要在一個(gè)tween啟動(dòng)前延遲一定的時(shí)間。這樣可以使用delay方法：
tween.delay(1000);
tween.start();
4.Controlling
all tweens
四、控制所有tween的動(dòng)畫
下列的方法是在TWEEN全局對(duì)象中的，而且你通常不會(huì)用到其中的大部分方法，除了update.
這些方法通常都該是內(nèi)部的，但把它暴露出來是為了給你機(jī)會(huì)去嘗試一些有趣的效果。
TWEEN.update(time)
前面已經(jīng)說過的，這個(gè)方法用來啟動(dòng)所有tween的動(dòng)畫。如果未指定time，它將使用當(dāng)前時(shí)間。
TWEEN.getAlland
TWEEN.removeAll
分別用來獲得所有正在運(yùn)行的tween的數(shù)組以及移除它們。
TWEEN.add(item) and TWEEN.remove(tween）
分別用來在當(dāng)前活動(dòng)的tween隊(duì)列中增加一個(gè)tween或是移除指定的tween.
5.Changing the
easing function (AKA make it bouncy)
五、改變緩動(dòng)方式
Tween.js會(huì)在起始于終止值間的插值表現(xiàn)為線性變化，也就是說變化量會(huì)與經(jīng)過的時(shí)間成正比。這會(huì)使效果很容易預(yù)料，但也會(huì)過分無(wú)趣。不用擔(dān)心！這一行為能被輕松的改變，只要你使用了easing方法，比如：
tween.easing(TWEEN.Easing.Quadratic.In);
它的效果是，tween的速度是慢慢增加的，而不是線性的，并且在圖示上會(huì)表現(xiàn)為二次函數(shù)形式。
緩動(dòng)函數(shù)速查
Available easing
functions:TWEEN.Easing可用的Easing函數(shù)
tween.js提供了幾個(gè)緩動(dòng)函數(shù)，它們按照效果被分為以下幾組：Linear, Quadratic, Cubic,
Quartic, Quintic, Sinusoidal, Exponential, Circular, Elastic, Back 和 Bounce，同時(shí)它們有三種緩動(dòng)類型：In,Out,InOut。
考慮到除非你非常熟悉這幾個(gè)詞的概念，不然你可能不太理解，github上又給出了一個(gè)Graphs的例子查看效果。它把所有的緩動(dòng)曲線放在一個(gè)頁(yè)面里，因此你能一眼就看出它們的區(qū)別來。
這些緩動(dòng)函數(shù)的起源：these functions
are derived from the original set of equations that Robert Penner graciously
made available as free software a few years ago, but have been optimised to
play nicely with JavaScript.
使用自定義緩動(dòng)函數(shù)
你不僅能使用現(xiàn)有的函數(shù)，也能自己寫個(gè)你覺得更適用的，只要它符合一定的約定：
·它需要接受一個(gè)參數(shù)
o
<![endif]>k:表示緩動(dòng)過程，或者說這個(gè)tween已經(jīng)經(jīng)歷了多久。允許值為[0,1]。
·它必須返回一個(gè)基于輸入?yún)?shù)的值。
緩動(dòng)函數(shù)會(huì)在tween每次update時(shí)調(diào)用。然后得到的結(jié)果會(huì)被用于初始值和它與終止值的差值（deltas)，大概類似于下面的模擬代碼：
easedElapsed
= easing(k);
for each property:
newPropertyValue =
initialPropertyValue + propertyDelta * easedElapsed;
deltas會(huì)在start()之后開始計(jì)算。
所以假設(shè)你想使用自定義的緩動(dòng)函數(shù)來緩動(dòng)屬性值，并且是用Math.floor來輸出結(jié)果，也就是只有整數(shù)部分才會(huì)被輸出，這時(shí)就會(huì)表現(xiàn)有點(diǎn)些像臺(tái)階函數(shù)：
functiontenStepEasing(k)
{
returnMath.floor(k *10) /10;
}
然后你能在一個(gè)tween的easing方法中調(diào)用它，正如我們之前見過的：
tween.easing(tenStepEasing);
查看graphs for custom easing function例子
6.Callbacks
六、回調(diào)函數(shù)
tween另一個(gè)強(qiáng)大的特性是可以在每次tween的生命周期的某一時(shí)刻里使用自定義的回調(diào)函數(shù)。
比如，假定你想去給一個(gè)對(duì)象指定動(dòng)畫，但它的屬性卻不能直接讀寫，那么你就要使用一個(gè)setter了。你可以使用一個(gè)onUpdate回調(diào)函數(shù)來讀取更新了的屬性值并且手動(dòng)調(diào)用setters:
var trickyObjTween =newTWEEN.Tween({
propertyA: trickyObj.getPropertyA(),
propertyB: trickyObj.getPropertyB()
})
.to({ propertyA:100, propertyB:200 })
.onUpdate(function() {
this.setA( this.propertyA );
this.setB( this.propertyB );
});
或者想像你要在tween開始時(shí)放個(gè)聲音，這樣你就能用一個(gè)onStart回調(diào)函數(shù)：
var tween =newTWEEN.Tween(obj)
.to({ x:100 })
.onStart(function() {
sound.play();
});
每個(gè)回調(diào)函數(shù)的作用域都是在這個(gè)被tweened的對(duì)象內(nèi)——這個(gè)例子里，是obj
onStart
在tween開始之前，也就是在deltas計(jì)算之前。一個(gè)tween只會(huì)執(zhí)行一次，也就是說即使被repeat()重復(fù)了也不會(huì)多次執(zhí)行。
這一般是用來同步執(zhí)行其他的事件，或者是觸發(fā)一些你想要tween發(fā)生時(shí)要做的動(dòng)作。
被tweened的對(duì)象是作為第一個(gè)參數(shù)，它也能通過this來獲得引用。
onStop
當(dāng)一個(gè)tween被stop()方法停止時(shí)執(zhí)行的回調(diào)函數(shù)，而不是等它自己動(dòng)畫自然結(jié)束時(shí)，或者在任意一個(gè)chained了的tween被stopped時(shí)。
被tweened的對(duì)象是作為第一個(gè)參數(shù)，它也能通過this來獲得引用。
onUpdate
tween每次更新時(shí)執(zhí)行，在屬性值被更新之后。
被tweened的對(duì)象能通過this來引用，而傳入的第一個(gè)參數(shù)則是這個(gè)tween的進(jìn)程，一個(gè)0~1的值。在將來版本可能會(huì)做出更改，因此你不能相信這一值。
onComplete
當(dāng)一個(gè)tween正常結(jié)束時(shí)執(zhí)行的回調(diào)函數(shù)。
被tweened的對(duì)象是作為第一個(gè)參數(shù)，它也能通過this來獲得引用。
7.Advanced
tweening
七、進(jìn)階的緩間動(dòng)畫
使用當(dāng)前屬性值的相關(guān)值
當(dāng)使用to方法時(shí)，你也能使用與當(dāng)前值相關(guān)的值，Tween.js會(huì)讀取當(dāng)前的屬性值然后根據(jù)相關(guān)值計(jì)算終值。但需要使用引號(hào)不然就會(huì)被改成絕對(duì)值了。
讓我們看看如何使用：
//
This will make the `x` property be 100, always
var absoluteTween =newTWEEN.Tween(absoluteObj).to({ x:100 });
//
Suppose absoluteObj.x is 0 now
absoluteTween.start(); // Makes x go to 100
//
Suppose absoluteObj.x is -100 now
absoluteTween.start(); // Makes x go to 100
//
In contrast...
//
This will make the `x` property be 100 units more,
// relative to the actual value when it starts
var relativeTween =newTWEEN.Tween(relativeObj).to({ x:"+100"
});
//
Suppose relativeObj.x is 0 now
relativeTween.start(); // Makes x go to 0 +100 = 100
//
Suppose relativeObj.x is -100 now
relativeTween.start(); // Makes x go to -100 +100 = 0
看看github上這個(gè)例子
to的參數(shù)為一個(gè)數(shù)組時(shí)
除了把tween動(dòng)畫的目標(biāo)屬性設(shè)置為一個(gè)絕對(duì)或相對(duì)值，你也可以為tween動(dòng)畫設(shè)置一系列的目標(biāo)值。要實(shí)現(xiàn)這一目的，你只要在to()函數(shù)中為屬性指定一個(gè)值數(shù)組就可以了。例如：
var tween =newTWEEN.Tween(relativeObj).to({
x: [0, -100, 100] });
它會(huì)讓x從初始值到0，-100和100.
插入值的計(jì)算方式是：
·首先tween的進(jìn)程（tween
progess)像正常一樣進(jìn)行
·進(jìn)程(從0到1)被用作插值函數(shù)的輸入
·基于這一進(jìn)程和數(shù)組中的值，來生成一個(gè)插值。
例如，當(dāng)這一tween剛開始時(shí)（process為0），插值函數(shù)會(huì)返回?cái)?shù)組中的第一個(gè)值。當(dāng)tween進(jìn)行到一半時(shí)，插值函數(shù)會(huì)返回一個(gè)接近數(shù)組中間的值的值，然后當(dāng)tween結(jié)束時(shí)（process為0），插值函數(shù)會(huì)返回?cái)?shù)組中最后的值。
看看github上的這個(gè)例子
8.Getting the
best performance
八、獲得最佳表現(xiàn)
當(dāng)使用Tween.js時(shí)，你可以使用一定的方式來提高你代碼的性能（或者說當(dāng)你在web中使用動(dòng)畫時(shí)，通常來說都是有效的）。
使用高性能的CSS
當(dāng)你想給頁(yè)面中的一個(gè)元素的位置做動(dòng)畫時(shí)，最簡(jiǎn)單的方案是對(duì)top和left屬性做動(dòng)畫，就像這樣：
var element =document.getElementById('myElement');
var tween =newTWEEN.Tween({
top:0, left:0 })
.to({ top:100, left:100 }, 1000)
.onUpdate(function() {
element.style.top=this.top+'px';
element.style.left=this.left+'px';
});
但這卻是非常低效的?。。?！因?yàn)楦倪@些屬性會(huì)在每次tween更新時(shí)讓瀏覽器重新計(jì)算布局，而是是很大的消費(fèi)。相反，如果使用transform的話，這并不會(huì)讓瀏覽器重新計(jì)算布局而且還允許硬件加速，像這樣：
var element =document.getElementById('myElement');
var tween =newTWEEN.Tween({
top:0, left:0 })
.to({ top:100, left:100 }, 1000)
.onUpdate(function() {
element.style.transform
='translate('+this.left+'px, '+this.top+'px);';
});
但是！如果你的動(dòng)畫只是那么簡(jiǎn)單的話，那你還不如只用簡(jiǎn)單的CSS動(dòng)畫或者是transitions，那樣子瀏覽器還能盡可能的做出優(yōu)化。Tween.js最有用的地方是當(dāng)你的動(dòng)畫涉及到復(fù)雜的管理，比如你要同步執(zhí)行多個(gè)tween,或者是當(dāng)一個(gè)tween結(jié)束后執(zhí)行其他的tween，或者是循環(huán)執(zhí)行一定次數(shù)等…
對(duì)GC機(jī)制友好些！！
如果你使用onUpdate回調(diào)，你要小心放進(jìn)你要的內(nèi)容。因?yàn)檫@個(gè)函數(shù)會(huì)每秒調(diào)用多次，所以如果你在每次tween更新時(shí)做出比較耗費(fèi)資源的操作的話，你可能會(huì)阻塞主線程而導(dǎo)致jank，或者——如果你的操作涉及到內(nèi)容分配，那么你會(huì)調(diào)用GC太多次，這也可能會(huì)導(dǎo)致jank。因此，一定不要做出這兩類的操作。保證你的onUpdate回調(diào)函數(shù)是輕量級(jí)的，并確保你在開發(fā)時(shí)進(jìn)行memory profiler。
9.Crazy tweening
九、更瘋狂的tweening!!
這可能是你不怎么會(huì)用到的。
你可以在tween.js之外使用緩間方程，畢竟，它們只是函數(shù)。所以你可以用它們來計(jì)算緩和曲線之類的作為輸入數(shù)據(jù)。比如在這個(gè)頁(yè)面里，它們被用來生成視頻數(shù)據(jù)。
原文鏈接
文中所有的demo都是來自github中的examples的。
轉(zhuǎn)載請(qǐng)注明出處：http://www.cnblogs.com/benymor/p/6373152.html
如有任何建議或疑問，歡迎留言討論。
@font-face { font-family: 宋體 }
@font-face { font-family: "Cambria Math" }
@font-face { font-family: Calibri }
@font-face { font-family: 微軟雅黑 }
@font-face { font-family: 方正喵嗚體 }
@font-face { font-family: Consolas }
@font-face { font-family: "@微軟雅黑" }
@font-face { font-family: "@宋體" }
@font-face { font-family: "@方正喵嗚體" }
p.MsoNormal, li.MsoNormal, div.MsoNormal { mso-style-unhide: no; mso-style-qformat: yes; mso-style-parent: ""; margin: 12pt 0 0.0001pt; line-height: 13pt; mso-line-height-rule: exactly; mso-pagination: widow-orphan; font-size: 10.5pt; mso-bidi-font-size: 11.0pt; font-family: "Calibri", sans-serif; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: 宋體; mso-fareast-theme-font: minor-fareast; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-font-kerning: 1.0pt }
p.MsoHeader, li.MsoHeader, div.MsoHeader { mso-style-priority: 99; mso-style-link: "頁(yè)眉 Char"; margin: 12pt 0 0.0001pt; text-align: center; line-height: 12pt; mso-pagination: widow-orphan; tab-stops: center 207.65pt right 415.3pt; layout-grid-mode: char; border: none; mso-border-bottom-alt: solid windowtext .75pt; padding: 0; mso-padding-alt: 0cm 0cm 1.0pt 0cm; font-size: 9pt; font-family: "Calibri", sans-serif; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: 宋體; mso-fareast-theme-font: minor-fareast; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-font-kerning: 1.0pt }
p.MsoFooter, li.MsoFooter, div.MsoFooter { mso-style-priority: 99; mso-style-link: "頁(yè)腳 Char"; margin: 12pt 0 0.0001pt; line-height: 12pt; mso-pagination: widow-orphan; tab-stops: center 207.65pt right 415.3pt; layout-grid-mode: char; font-size: 9pt; font-family: "Calibri", sans-serif; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: 宋體; mso-fareast-theme-font: minor-fareast; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-font-kerning: 1.0pt }
a:link, span.MsoHyperlink { mso-style-noshow: yes; mso-style-priority: 99; color: rgba(0, 0, 255, 1); text-decoration: underline; text-underline: single }
a:visited, span.MsoHyperlinkFollowed { mso-style-noshow: yes; mso-style-priority: 99; color: rgba(149, 79, 114, 1); mso-themecolor: followedhyperlink; text-decoration: underline; text-underline: single }
p { mso-style-noshow: yes; mso-style-priority: 99; mso-margin-top-alt: auto; margin-right: 0; mso-margin-bottom-alt: auto; margin-left: 0; mso-pagination: widow-orphan; font-size: 12pt; font-family: 宋體; mso-bidi-font-family: 宋體 }
span.Char { mso-style-name: "頁(yè)眉 Char"; mso-style-priority: 99; mso-style-unhide: no; mso-style-locked: yes; mso-style-link: 頁(yè)眉; mso-ansi-font-size: 9.0pt; mso-bidi-font-size: 9.0pt; font-family: "Calibri", sans-serif; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-font-kerning: 1.0pt }
span.Char0 { mso-style-name: "頁(yè)腳 Char"; mso-style-priority: 99; mso-style-unhide: no; mso-style-locked: yes; mso-style-link: 頁(yè)腳; mso-ansi-font-size: 9.0pt; mso-bidi-font-size: 9.0pt; font-family: "Calibri", sans-serif; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-font-kerning: 1.0pt }
.MsoChpDefault { mso-style-type: export-only; mso-default-props: yes; font-size: 10pt; mso-ansi-font-size: 10.0pt; mso-bidi-font-size: 10.0pt; font-family: "Calibri", sans-serif; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-font-kerning: 0pt }
@page { mso-page-border-surround-header: no mso-page-border-surround-footer: no mso-footnote-separator: url("https.files/header.htm") fs mso-footnote-continuation-separator: url("https.files/header.htm") fcs mso-endnote-separator: url("https.files/header.htm") es mso-endnote-continuation-separator: url("https.files/header.htm") ecs }
@page WordSection1 { size: 595.3pt 841.9pt margin-top: 72pt margin-right: 90pt margin-bottom: 72pt margin-left: 90pt mso-header-margin: 42.55pt mso-footer-margin: 49.6pt mso-paper-source: 0 layout-grid: 15.6pt }
div.WordSection1 { page: WordSection1 }
@list l0
{mso-list-id:973292286;
mso-list-template-ids:-2041423552;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:36.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:72.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:"Courier New";
mso-bidi-font-family:"Times New Roman";}
@list l0:level3
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:108.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level4
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:144.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level5
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:180.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level6
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:216.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level7
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:252.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level8
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:288.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l0:level9
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:324.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1
{mso-list-id:1083062520;
mso-list-template-ids:1635394124;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:36.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level2
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:72.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level3
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:108.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level4
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:144.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level5
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:180.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level6
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:216.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level7
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:252.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level8
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:288.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1:level9
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:324.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2
{mso-list-id:1316375290;
mso-list-template-ids:1143009350;}
@list l2:level1
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:36.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level2
{mso-level-number-format:bullet;
mso-level-text:o;
mso-level-tab-stop:72.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:"Courier New";
mso-bidi-font-family:"Times New Roman";}
@list l2:level3
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:108.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level4
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:144.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level5
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:180.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level6
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:216.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level7
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:252.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level8
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:288.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l2:level9
{mso-level-number-format:bullet;
mso-level-text:F0B7;
mso-level-tab-stop:324.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
ol { margin-bottom: 0 }
ul { margin-bottom: 0 }
總結(jié)
以上是生活随笔為你收集整理的tween用户使用指南的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 居民身份证号码查询系统
- 下一篇： 马尔可夫毯（Markov Blanket