ee Cee (6) era cd JavaScript Sera Se coastal SPU) | Soi ar Oe NGI LUI ay air ee SUL MGS ce Are Sue ZS EOSPM Sees eitas Web Animation using JavaScript: Develop and Design JavaScript] iz mii [#] Julian Shapiro # = ih ® AC BG ths Hag Hy Wii #E deeREMI A (C1 P) Rae JavaScript) Bit / R) BY (Shapiro, J.) % ; “EWR. — Aba : ADGMBHL MARR, 2016.1 CER EEF BLE AA TS) ISBN 978-7-115-41012-2 1. OJ I. OR OE Ul. OIA ABE it IV. trate Hes FRO AS ed a ICT Pi HF (2015) 982776475 ARE AS AS HHL Fk SE HEH a I ME Velocity,js HI (Ear TB. AB NA He a} hy 8 HE, LW fe EH (i A: a DARD, Le Pe SHR en fl aR AF TS LFS ELLY ALAS. SR AOE JavaScript aH PtH, Velocity.js MFI, sini Lieve, Ash. SVG, simitkhe. AAG A HAL Web FF Se CFR Aah wm EEE oF [98] Julian Shapiro ie £ ili BES A BL Durante RCH BEEN AKT ABRIL REPEAT LCT x RAR Aisi 100164 TABFE [email protected] FL hup:/Avww.ptpress.com.cn Say MENS AA © FPA: 8001000 1/16 epi: 7.75 . 20164 1 AB 1 RE 20164 1 AALILAE 1 UKE IE SRAM BCS PAF: 01-2015-5819 5 seth: 39.0076, AAR AR: (O10)S1098186FF600 EDFA: (010)81055316 Reel + (010)81055315 PSBRWME: RRLBO SS 0021 ghe # 7 AR Authorized translation from the English language edition, entitled Web Animation using JavaScript: Develop and Design by Julian Shapiro, published by Pearson Education, Inc., publishing as Peachpit. Copyright © 2015 by Julian Shapiro. All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc. Simplified Chinese-language edition copyright © 2016 by Posts & Telecom Press. All rights reserved. ABP SCHARF MEH Pearson Education Inc-424X A ERIS HH WSCLIR AEH ML. ACS A TT ERD, ARLE AAT HT RE tl PP RAE. MALTAT. ARALEALERYS (REM) HREVRBRKAR (MAPLE) MK, x RRL Ri Yehonatan Daniv, [AW {th #eGithub + Velocity fis AI HEE X55 TBD 5 RIB Anand Sharma, [Ay (th iva BuLit teak Zeit Soh BCA IH ; Le BERRIDavid DeSandro 7 HARES HF [Alfy}, Mat Vogels, Harrison Shoff, Adam Singer, David Caplan#ilMurat Ayfert# BT AA CH . TER eet REFF FRA RAK BA Querylt) animate() RRA E MEAT. RICE AO — RR RERA Aw LEM EAAK INA L MOR, RIL T FABER (accordion ), “KHSEM (fly-out menu ), ARE (hover effect ), ARALLYEAIl ( scroll transition ), HAP AAS (magical reveal ) AUBLIERSNAIAT H (parallax slider ), 3X#&BhilH Wy WRAY Ok UK. HL AN SHAY SAE T SASL, (ERR ET, A PRT. (LE RAE HEM IAGERE To OTE A, KLAUS AS MAYA 2 oh mI BL TE Be es 5. REMI, RANIVERAAE. TET Leanne Utah Ob? SBI BS SPB: MLAB A SET Ty, FRB TATA AIR s HE ATA LAUT, RPGREGR, MTR, AA LE, — PTL bs AMELIE RIA AES (OR LIAM, RRA, ALR MIC NL ALU); MERIT LER: ka BL. HEAL AS haz oH 6 PEFR ATM ET GE RAS. WYNTEIT). TEM NAHE, EATEN CBRE — AEE. AMT EMA, ERR MEA, IEE RAEI. (UE, APRA RZ PE, ERS TIRE. CE EAT, AL CSM AOTEAS. Hol, dFATMOL EA) “KS” BeELUG, SRST. EMEA FORT? RL RT 2? ATTIRE RE. AH TR CT RS FENRIS Za RES. MRT ate, BEAT VNR PAY ZEAL, PAR A PR TTR AR TAMA ADE ARE TEA. TR BRRE RE — PR ASE) — BRAS, ZIAD LIS CRF2 > SPSL DERE DB — RIL, SI mT A AS pe TA ee RENAE EER ALAS AO. BIGHT. CREAR AE, mT MAS EL, EAS PULA DURE SE, ERG BEAT TAA DEH ASAE, TERT N TE, AEA EOE AE EEN, PETER A, A, RMR OATS AIM, HCMNFlash, SHBIGIF, Java/\ EFF, marqueebn, HAE SAGIENYCSS , JavaScript MISVG. (AE, AMES FES ORE A AE A LA ERE; EE DLE, ETB AMEE ERE. SME RE SHEA EEE, BOR — ART LS Bilt, ARAB TEAST AEE. Julian Shapiro seh ish iti GM EM ERS —, TE 5 SHEP Velocity.jsWilel, WAR T AL — FRR, PARTE LSA TA PST AAA LER ET LL ARES, ENE, CHR TSH ARAL IL. FL Ai SL TSE, EAT eb A SA IES A EP ABD EAA CAE RAR HEF AES 5 EASE EAE BA ASE BR. PERL IS MLAE I], ALI LAb AE HZ RSCAT Sg STR. PR NTT YB SLE A FEL BAA a OS A a SE TAT, A FH ED TA]. JS LE fT A BE. animate() PRRLATFE BA SLAB REA I So 75 HPS Dn STR (EL AT AE EB AT HL eA FEB BAY LAP TE FLAG AHH TEA SETHE — Bh David DeSandro 20152 A Fats AR AR David DeSandro# Metafizzy# 41484, &Mansonry4e Isotopeia 5 Sj Query 414 85 46 / RA Hh5l Il ZERABI LA IY , Bi (animation ) EBULTETE RR FILA HWA A SI, eR A) UG A 0 EB AS AAT. Ae ATR ETE EA, AMANE, EDWE RE CLAS ota th) IRE ACHR, ERAS TRL St LI A FATA BOs, IRL AT DAMP lash Sp BUSTY I GRE, WA TR ARE. PES A, IOSLL Android} WAL MBIT ( motion design ) AVE MHRALY RE, FL AT LSE ACAI 5 SAL 1 FPO AU FE ADF BAF RA TF EA SEAS SIM PELL IP Ae ty EEE BET, AA Ay BE AE Hae, ERT DEA FE BREA RA PES BAT T SERED: AASB AERP FH PP HE LE PST TELE ECE. RR, RCE LRA. (ESRSE AIFS Et. WSL, FEBELEAL A AeA mV TEA AAT I? AERA AER TAL EL POOR. SEARO HOTELL BARRE RAS , SIT ABIES AAR RN FE BRL TN NT ERT ME EBT T PLM PEFR EE A OFA Dy CH SO, BE LUE Le? FRIESE ALE EIE MALL. DANS, aR APRA SE ONL SIR SG FP URE RIFLE PE A ROL IR, LATTE RE Soi UGEREE” BGR” BORRAIHR WH, AAA RRS, TRIAS EA LAAT. PEAT A, (ef oP AO ATE, TIERS AY AL RT CUD) BETH LOR RC: FAL Sb ime DS LUT BEATS Als, CELI ANSP BS TERE AA AETV, STE, BEATA A eS LNA, AIL BR met TT LARA LSS TAEDA BEL EH BS TRA, 7} — FT SR BEI TE BN ASA Wt PR ABS Ha EIA SDA Hatt A ATE — WIAA BE? Hy A ZA HE BROT] SS LAETOLI2 > 4 = He fa) BEE AS SR TE SLE BLA A A; Py (OTE, SAVER T . ALATA RE. CAE: “RE, REAR .” PRG LA AMY “MRE” BH WRAMARAUCSSHM, MALELARABHTMLACSSH HAA, REAR ff: RAH,A 1B JavaScript panKs— 1.1 JavaScript abil $5 CSS shit 1.2 BRAN HERE 13 DAE 13.1 RaeiRah 13.2 sae 13.3 & FAH A s- 1.4 SHH LRT LS ANA 2M (A Velocity,js LMAB -—--- 2.1 JavaScript Shim EH AS -~ 2.2 BH jQuery Hl Velocity 2.3 {HH Velocity: MEAT 2.3.1 Velocity 4 jQuery 23.2 Sak: 23.3 ik 234 Mi 23.5 MAME 2.4 (HUH Velocity: 231 2.4.1 duration ( ##t atid) ) 24.2 easing (IRAP) wrrrrnnrnren 2.4.3 begin (745) 4 complete CBR) . loop ( 83% ) delay ( s£i8 ) display (2% ) 4 visibility (TR) 24.4 24.5 2.4.6 2 3 4 4 “4 5 S “6 RK 25 2.6 2.7 HIB MRIUBI- 3 32 WOR Velocity: JEM oHfIE ~ 2.5.1 reverse (4) 4 2.5.2. scrolling (i 4) ~~ 20 2.5.3 color (#6) - 2.5.4 transform ( 4%) ~ woe DD ARIA jQuery ("PR BARRA DPM errr norecrner ne 6 aA 3.21 3.2.2 3.2.3 3.24 3.2.5 3.2.6 3.2.7 3.2.8 3.2.9 3.2.10 3.2. ORE 33.1 3.3.2 3.3.3 33.4 AAR FL R Am at ae MARR RAM ZARB RB HAE APSARA HHS 29 RD Hh BAR BRA FR a4 st 0b fa) FR abo FERGRE EMRE WRE- os AR ibe 7 32 BEAT REG RAB ere 3334 B48 MeL 4. 42 43 44 45 4.6 8 ® 3.3.5 3.3.6 3.3.7 3.3.8 i HAD BRA AG Bore 33 BIS - BIA AA A FE 5h fe Css ahi fi 4.1 CSS HA 41.2 AZ BP I CSS RAT ACRES. RSC SIEBER 40 421 ikl 42.2 Abie (REDE: ALS CHEF ahi 43.1 Aba 43.2 tfete ACESS HARM eee AA ARH nneccercmeenneenine ST 44.2 fete Ri 45.1 RBb RA . 4.5.2 ARM Velocity Sai it Bree 52 Ifo S5R LAME ete 35 Ss 52 SAS oy BPR HS atk AY Blast.js 922 Sh ww HE fe CA FEE eee connec $7 5.2.1 Blasts 0 14 AaB. 5.2.2 RR $5.23 5.24 SAA: delimiter (48 4F) 60 customClass ( 8 23 HR: a) HAA: generateValueClass (ARAL) HEA: tag (4B) 2 5.25 5.2.6 5.2.7 @4: reverse ( K 4) 63 5.3 (SCALE EA HL SS JPL ~ 64 5.3.1 #REARA~ 64 53.2 ARs 53.3 ARLAB ARG 5.4 LUE CRABS 67 5.5 es crvernerrercecerneees 6B, 5.6 37 #6H SvGAIT : 7 6.1 SAAR aa Ht 6.2 SVG fics: 6.3 SVG FALE 6.4 Xf SVG HY RAE 65 SVG ail cence TH Cs he as 65.2 RRB senenenerneneee TS 6.5.3 ©4LA AE ( positional attribute ) VS EA (transform ) ree 75 6.6 IFAS: logo shill “16 6.7 i 78 BTR mete 9 7.1 ASB HEREBY ITA HF nn 7.2 TR: ERA la RE 721 AM 7.2.2 fit hide 7.2.3 jQuery A# Ht R-~ T.24 BILB AB errr BS 7.3. titi DOM - 73.1 FM 73.2 fick ahi srmeeneree BT 7A BSG, ARE OPN EE BY TERE ee 8B TAA FM 74.2 fii Dh ide71S tT: 75.1 7.5.2 RR dik aren 7.6 4825; AHIFSEIA ERAN ( scroll ) ARIE I (resize ) 4 7.6.1 FRE 7.6.2. Rik thik 7.7 B55, WUD aie 771 A 7.72 MR MR 7.7.3 HP AA BR 7.8 AEVADYIR aL EB I TB PR re 78.2 RR Dp 7.9 RAR BI ASAIHERED TER 7.10 Ai WH BEAR 90 Ae 8 HR Ae (Csi H ACER: Sm AUER: BIB ONE ~~ (CBRL: ARR i 8.6 87 8.5.1 85.2 85.3 ABEL: UIE hi 8.6.1 8.6.2 8.6.3 8.64 AN mnie neeene 2H CSSAN Blt: aR Att REA AS FBDS BMG A oongL JavaScriptaBavith BAER, KATES UCSSH) G Fo JavaScript BH KY , Flats 28 JavaScripts) & 8544 A AOL RA HH MSL, RNR E OH ROR, BMRA 45 $4 #5 JavaScripts £47 407%,2 & FL JavaScript 4H ay ey 1.1 JavaScript iS CSS Hi CEI IE PF A — PRA SRL Ay CSS Bl Je FO PE — YS 2 WIR . AAR GAR EFA AT WERE T JavaScript S293 ii, TTR Sei ATT Wa fin. TERRES SL FE (UL) ar LAE, BORIS 0 FRHESCIN Sh im AE RSH, AWE RAE IavaScriptK HL. (AER AN ILI ZF Hit BEM DLP ERR PE ASUL, PEA AEUTBEH Sh imi , ATU FEI RS.) Oo HFEF PBA ATT, eR I LA TEI EBS EP A RE CARESSED IG BRAGS, PKCM LIRR ASD AE HEE ATA BIKE, AT avaScriptit Hill GET CSS Hy Aim. ZR AAT EWU ACSS am FE TERE L ADAH, IAA ASE FiQuery AS mERER LC, ATTA ATS. PRT ~SEPIIEGE jQuery ftJavaScriptai im FEIT 5 FL HE AEE TAR SLE RE. EK Velocity,js&-T#ZUHAGH, APOBERHERME, REDBEAHA, (2 of: RAPA EF ET. BI, CH QueryHAHFLRM, BAITED MR, YR, CSSAE MIE AS BURMA HISTOR (PAR: TUT REE ENS, A 6), WA PAI A A. CSS BERR TT] LEE A RES de P BL, PTF ALA RRLAT LGR Se TEAR JavaScriplle, EOLA TERENAS, CSSHIMIAS PRK RAAT YER ERR. HELE, ASABE ETN tt A JavaScript Rt F a) ih HEEL WE He FA HE fh PLAY ROR DRS.12 Rap a DE Ti] CRE | EA GTR Hy GEA BF ET 1.5 4a EACSSELET SHIMMY , 75 HE SESE AAFCSSMLIG THE ETN ABCD AE... {ELJavaScriptf—I 14 2 TET, FUR BURA TI AIRE, HO Sa BRIE PE AT AR PB EFT PRE eA Hl. | SEAR — SARA MIDI, AAT TERE, ERE BRT HH AT EE. SSC TE EARS AY EA ATE: FEST BE eSATA RT EF AY BH HB FREAD ZS PEGE HATS we PE AY JavaScripta) iti'5| St Velocity,js. WHE Velocity.js, HAT Si a ie FRAT 8 SP HY HEL BE ASROX {Velocity js AEA 2B Velocity. js/*RRM AK, PAPER, REZ HAF jQuery th BLAH G, ABR CB G ie 40 MTR A Velocity J, CHA SjQuery4$.animate() HRAA—K—A#F, PRERG CLS MAR, HF AEA Velocity 4F T He DE, MEST RH PAE PR as BA BAMMAF RIA SZ. PPR A JavaScripts G 4 Velocity ak CARERS, MLAE-FAEAS, RH AT—M) RHRAA— BERKS OK,8 & F2E 1A Velocityjs LMHS 2.1 JavaScript shim HEA AHAS JavaScript a) i #44 ARS APS AG — BE RE TET TE SL EF HE HE WebGL Al ik ALP EAT ATUL OE , EA TEGSAP (if F1GreenSock.com F #& ) fil Velocity ( iil VelocityJS. org FAR). CEI AS IMT], AT LSE eK Velocity, A ERA AEMITHEATE. (GSAP HEHE PARTE WORE AT SEF. ) Jeb, 4Velocitys | Wain: AA AGE Cay SURE AT APSE COU, BART MARI TRS, GITumbIr, GapFAlScribd. MET, Velocity# Sea i Hea aS tt! 2.2 238 jQuery # Velocity FT LAZEjQuery.com F #kjQuery, 7£VelocityJS.org F4¥Velocity. 4 3E(R (KHIM AL falJavaScript PEARCE SUL EAE], AE SETE br i HT AS IH (eI XT WEE MY bi % QUAL EEE CER MAS CAVEAT A CE ASMA AS ), IBS HT ESRF THC. My Page My content. “4 [ADE HE F|QueryMVelocityiit . F245 hl Querylts RS A Velocity ANTE, BULLLHEL SLE MT LLIP UES HH IVelocity js I SLaiB TF 2.3 {#FA Velocity: akeniR AT RELABAT, FAME RARE RT DR: Bac. ite. (ECRIBESUERTE. BEY Query ft: LOREAL, RAT — F Velocity 5 E HIF tte BE2.3 RMI Velocity: aks <9 2.3.1 Velocity#jQuery Velocity eS 24857 FiQueryll), (EUR HT DLS AEH. SAG ZAI A ATLA AHL Query HORESCHRHE: MIRSEMQuery#e fe TIER IG, BLATT PIER AIA. velocity () Ww ERM BORCHERT KT AB MAP EE PEMA SQuery ASE a var $div = $(“div"); 11 Ae AVelocity ik AEH 98 8 Sdiv.velocity({ opacity: 0 }); 11 th Ayibid-% JQuery 8 A dhaninatedt Kin A; 11 $div.animate({ opacity: 0 })3 ATT LIT AT BF AB EAE Velocity jQuery Atk FAAS, Abt AB TIA, 23.2 BH Velocity ELEM. H—-TBBE—TPMR, JN PHECSS IR HEB ILE 1 RCL AARP EM HEE A 5 AECSS PFN AT EERE IZ CE ABI CSS JAE. Hf FLEAS TMLAICSSHH TS, PSG HERBIE A TS.) 1) AA Mhwidth B Hed A -£"S00px" A Ropacity Mh Ak Kab £10 Ah H Selement velocity({ width: "soopx”, opacity: 1 }); 830] AdavaScript'? , oR AMMA SEH (MRERAB), MAREN AE MBF ARR TY VA AF EE OLDE BES — AF BBE A Selenent.velocity({ width: "S00px", opacity: 1}, { duration: 400, easing: "swing" }); EA — WSBT SARE. USE ARI SE WA TB BUA, TEAL S HBR BEE. DORN ite BEE Hh SIM APN a] HE — EEL). BRB (AEE) AH Ui BAT 3 HE Fe FT PR ( — 4 RE), ae 9H A EERIE AE PSS OR AAS Hy ABR Ae PITT BE WAT A LED) J] RRA 8100058 45 54). CALE AUR "swing" HRA A th)10 & #2X ARMA Velocity,js FLAS Selenent.velocity({ top: 50 }, 1000); 11 LAA 8300058 17 ab AEH "ease-in-out" #5) $elenent.velocity({ top: 50 }, 1000, "ease-in-out”); 11 RHA 98) KALA ease-out” Hay. (ALA A HR MRAM Meat G00 AY) Selenent .velocity({ top: 50 }, “ease-out*); 1 LAA A000 Le 5) RAT RES WA Be ab Selenent.velocity({ top: 50 }, 1000, function() { alert("Conplete.") }); TE Ag SAE AR (FEM Te], Rea ANTE AM ) MY, FASTEST ET RT QURBR TAL Sabi RAZ I EEA A St ET , CLL HTS TA RT BTA: . Pte, UR AGE — THEIRS i], BRA RE RTP TAN TA HETT BEA. Selement.velocity({ top: 50 }, 1000, “ease-in-out"); BON FEF. 11 EMAAR LAR M Ha) BR, ASL OF ARE SOOE Selement.velocity({ top: 50 }, { duration: 1000, easing: “ease-in-out", delay: 500 }); ERAS AT HOF. 11 Mi: AP Bi AL HG sab, AN ALA I Selenent.velocity({ top: 50 }, 1000, { easing: “ease-in-out", delay: 500 }); 23.3 tt AEF CSSH REAL -5 IL F JavaScriptit) REAM PL KH. HE, Velocity# RtE+CSSIHE, REESE ——PHA, BE SCSSATA. Blt, PTAA A Shim $element.velocity({ padding: 10 }); Re Selenent.velocity({ paddingLeft: 10, paddingRight: 10 }); (BASES F TRE A Bh EM,2.3 42/0 Velocity: Kaiser <1 11 Mis ALANS BEAT § Mas, $elenent .velocity({ padding: "10 10 10 10" }); WRARDLE 27800 paddingffi (top, right, bottomflleft ) MSI, IBAREE EME aA A ER HR i em Selenent velocity ({ paddingTop: 10, paddingRight: 10, paddingsotton: 10, paddingleft: 10 ns CSSRA— HEFL MLNSRtE, f4%: margin, transform, text-shadow#ilbox-shadow. PESEER SI RORL HERA CI LEST TLE TAI A BY PB RT LHe 6 PHN, FECSS'P , HAL padding HE AAA TF RHE NY A mS, LAT DL mE — AR ET FH FeJavaScript'} , FL — PFE ARIAL, XA LEAR I RIT IECSS HI transform JRE mE AEE AT FEA FBR Me FF A 2 By th By SEF CSSA BLED M5 EF JavaScripttty im LESH

A fE AS PrHEMY Velocity il AAI; CAT LAR, IFS Hts Velocity VE LAT. FREE AS RU RATER LK Velocity Ha TP (EFA MLE (duration, easing ). (AE. LAT LFS AH ETT RHE IO A HE ET, 17 HALE akVeloci ty Mei aR I 3 we i 3b Selement..velocity(*reverse”) ; he 1) 5 ki RASH MLAB), AML 20004 AER T ALTA hduration, Selenent .velocity(“reverse", { duration: 2000 }); EK — BUM Treverse@ 4, M22 AAA P MbegingfocompleteHikK2B; reverse ALALEHAAVHHA, 2.5.2 scrolling (aH) SELMA — ICR RAL, HEPHE "scroll" FEW Velocity fy — TB HE A. "scroll" fe S HT WS hrtEVelocityim HAT WA; EAT URL, FFG HU tabiE st Velocity ii] ARE RI Selenent svelocity("scroll”, { duration: 1000, easing: “spring” }) velocity({ opacity: 1 }); ETH ACS Ze LED 2 a Bs ROA PBEM TL Dy L002 AD, BE BIASAV I “spring”. » ~ARKBAA TARR, CRARERA, BLE —TSARARN LER ARH ERT, AL Alcontainer (488) HH, E BZ—TjQueryM@ RRRBLMR. HEM, ABICRINCSSh, YA PER A Wrelative. absolutentfixed; MRE Wstatichll AEA.2.5 4&Fl Velocity: Hehe << 21 11 *Selenent 2.4 Rs £5("#container") #8 8 F Selenent .velocity(*scroll", { container: $("#container") }); FAC HALAL PRUE 88 REAR FSC ICRI, scroll tie SEI PURE F ME PRA) BY TA BIR? TERR. SUG P. PRBUALTEV AIL AEN. PA axis: "x" VEST TEA Te TEA TL FESH a 17 es IL EB Hedy £m, Selenent .velocity(*scroll", { axis: "x" }); HUET, scroll SRR TMA oF Fset ail (PAIR A ), TESTU LTE Elie BILE CEES J) eth BAK EDM L SORE, Selenent.velocity("scroll", { duration: 1000, offset: "-50px" }); 11 RADE RAMI F ISR AR, Selenent.velocity("scroll", { duration: 1000, offset: "250px" })5 2.5.3 color (#if%) Velocity & #4 LAF 3X 2E CSS Jag HE HY Bil 4 By IM; color , backgroundColor , borderColor fil outlineColor, #FVelocity'', Bite BES £m Bi TAPER AEB, fd, #000000 (A (&) mkHere2e2 (PEAK), BEAMLETS. AT DAUR — SEP ROET SUK oat , HBO] LLRSiilalphash it, 0. St, HEAP ALA (PLN HELP 0 48255; alpha (AISA EWUE ) AFC [ALE OF L HSS FMF PAT ATER Selenent .velocity({ 11 sk RbackgroundColor & #4 £.% @.0)-+ 738 46 05 ab 8 backgroundColor: *#000000", I) OER EAR RMalpha (AMR) GAYE SONE A) backgroundColorAlpha: 0.5, MU BPREAAR GL EMEP NE OEE A ERE FM colored: 125 Ds22 F2H (LIM Velocityjs FMA 2.5.4 transform (25%) CSS AY trans formig HEAT LEH ICR AEZD AIDS A) MTS. SHAE. ELS FIRPESHL, ICH Velocity KHL Fee IR HEAP a Otranslatex: Hixfhsh7e# OQ translatey: iy hhEba7cH Orotatez: MMSE ICR (Shy base Ce2D YT LIN EL aR LEE Qrotatex: [MSecHmeFe TCH (Selon LAL TESD A [of A Ae wa FAL PEE). Crotatey: Mey hime re rca (TIF HL AES Fl 16] Zea Tm] AT HEME O scalex: MCR ARIE R st asin. O scaley: (TCH HVTG ER sf ACs IM, FEVelocity'#, AL LUKE HE SPREE A HEM PERT SY 19 J EB Ei $element..velocity({ translatez: "200px", rotatez: "4sdeg” Ds 2.6 {FH Velocity: 75FA jQuery (4R4#T5) SAE AT BP BAD, AERA Query tt FHM FW HMavaScript, 184 As eR IF-L>, PA 29 Velocity t 9] LATE SU IT HEA jQuery AV FEA. AAA, TEMAS RRIF oP TAB FE, SHC Sm ESTE ASE AE Hh jQuery 7c OIA, WE EHS ATER (— TRAD) He HRT ERAEA DAD 6 Velocity(elenent, { opacity: 0.5 }, 1000); // Velocity BUH HEAT HjQueryfTt#ie F , Velocity ATER T +3jQuery'}$.animate() A —FRAVIAE ; HCE PITA SS BALTES TMi, A TB MRS TCR. Meo, Bhim eee HEA Velocity 8S SK Hh AE HY . ASHE HE SE Hj Query 7c RAI Rf AE. AEWA QueryliHiOL FMA Velocityitt , AAG A Query CRM RATIO , EEL ALE SCR SABE (DOM ) TERA ANIM. FT LAR FALL F PR BD ik 4: DOMIER2.6 4&/A Velocity: # JA jQuery ( PA4477) <4 23 Q document. getElementBy1D(): #IDMUALRILR. Q document.getElementsByTagName(): KAR ALATRE PRE K (Ma, div, p) MBTATICR. Q document.getElementsByClassName(): #2 AAP MECSSH ITA ICR . Q document.querySelectorAll(): (APR -jQueryl HAF AES | GENIE REAR AIA) LEAR ARSE — Fdocument.querySelectorAll(), WET fe 1B A jQuery Hf By MH Be OB, PETC RAT TaRAE GK PREERE I, OLE AND MARS IZ SH.) BEA Query 70H HEHE AE AYRE — RE, FREY — Th CSS HE PEAR (BITE PE SR a8 DR ESR Fl PRTC HK AUER AE) 148 A PA VERA TCR AE — PL AI TH I querySelectorAll, ¥ document .querySelectorAll ("body"); // #axbody document .querySelectorAll(".squares"); // ALMA" square” #5 document .querySelectorAll(“div"); // Lm ATV document .querySelectorAll (“main”); // #eakid% "main" 2 docunent .querySelectorAll (“main div"); // a&t"nain" # A ediv UREA TEP — A> EHO ISR AP EER SE FE A FB ZT VA PE TRE wai T RBI AAR var divs = document .querySelectorAll ("div"); 1 RRMA AV 3h Velocity(divs, { opacity: 0 }, 1000); BAR AS HE FI jQuery TER AR IBA AAT HEAL EL ERE A ERE — 4 a AP CE MRE OME Selenent svelocity({ opacity: 0.5 }, 1000) avelocity({ opacity: 1}, 1000); BEAR LEBEAT jQuery THE F ARTI DL RTE, Sate BE — ME — DS YT, AK LSD BR A ah He Velocity(elenent, { opacity: 0 }, 1000); Velocity(elenent, { opacity: 1 }, 1000);24 Pm HI ARM Velocity,js FMA 2.7 Ma BUTEM OLE T WET GE AavaScript Ft 21H im AIH, EEE T —2E Velocity Se AA, WELLE THESE He, PTA AR SERA SY RL IKS A PERM LIG AERH ToBS % MRULTTBIS KA ARAL ALAR Sh AAR MIE ROY AAR, MARR AT RE A IL, WTA RAE RD ema K I, ALIA RR RIMM LTHIES. ik REG , ANT VARS Ib As th ik ae gR 5,26 m HIKE Haikit mie 3.1 ARRTHEAT A Pat PEFR AC HAE AHEAD EAL TT Bb eR TEE — PS A BB LE IN Fe BL 3B, MPLA ARE Ae. MN, AC EA. PP CE JEWSROE. CELOOORE AHI fa] MET MK, (EF Hease-in-out (SEIU WR ) AOE Je. CEMA, background-colorat st A pRtE; 20 GREE RRL s PRUETT APL WE MF AEMT TH] Dy 1000AEED, tHease- in-out Wee THM. PASAT Festi ee TY NE, RAVER EE HAART, THEA EN Bk TUNE. ZARA SDT, AMLAMEA AST ALLA, 223) BAPE 0 He fi WCU SER LP, Rea RTA REI. BLIP. AD PT SRA ULTRA RE, ASLRGIT, RIAA Eat, RE a Bit. (UE AEUTLE Ay SL CER YS, BH LA ae Tk RE, iL HS A AE COT HE EOI FP SC A” RT “Re” RAR3.2 EM < 27 DEF SALAM SFT EL OCHE, (FRR IRE SAE i, SSPE FT FGA. MURATA YL RECIPE, IBA B45 Hahah IMA A GEAR, BEA EAT RAH TTT AS EE HAD, eS Le A te DOR LATHE. RA BRULTINUL, RST P UTA MTFCIA ARR, BRT ASK AEF. Fe Se A A eI MP NE CLETUS 12 AF EY a AC SARS LE He AR ASF FRLPY SEER SASHA, tt JE WALD PE 9 Ae RE A BABE APR? IRL TAT BE PUPRASI HEHE, MOREA AT EO PEALE ESHA LE RRTE EC REME LIL IE A LA ARIE TP A EB CES: (EA MAAS ESSE PENA, AL RB AAT & ZB KET EAR ATIF HES SHE. TRIER RETA TAPE, 3.2 SA PEA HEH FE ISI TLE TT EAT ML? CAT ILA 3.2.1 feetRG LEAS Be AS OS IH LA RL ARR. AAT AT LT EF — A , BRACE FEAT AE AL BH SIE RT AE ML AA RR ELT. SAAT TSE See Shim “REY” ERECT BU. UR Bn BS CR BOA, AT] RAIMA. SASL A MEL SRT ORLA, ARIE ARE RRA ATT a HEREDITAS Efe. SAPNA AES TR, 1 PUL A RT ARGS BUS TAH Um A NAIR, HE TE TN SH , AN HE RI. He MMAR ASHE AS BE il, SA TAO A Sh i RINE 3.2.2 WUIAR “4 OUI EA TC Ss EAB, TA DR Re ARI BOR AAT 2 PTCA HL EU IB ERAT SH, — ATF AL BPE SHE, BURR PIE Lt ee eth28 hm HSH saikirmMie BEART TBLIOEOR BOM AALL TE WLU BETO. ARAL PUN a eS oe te RA TH. FAIZ, BEG EY YE 7 SE BA PRIA SS SEP Sab, BRAN TE PE RETT 9 SCPE AEA A NBT IBA AT LARA RE IRL IT, 24 ROU RE fle 7 KT BR A FT ETI FORE UR CRE IE IL BL BPN AEA (TRB I, ESCA AeA AS AE A] RVR AS. ROR TERT FEL Se FAST aA BE ke 2S UD th AF AAT OY FP eR fs, RT AH Ti eA HER ASRS CREHAE, BAP SISK. AN, MUR 3.2.3 FRAO HP Ce ST EET OLENA ACS SERPENT CHEATERS HISAR MUT ), ATLA HE JEEP EERE, GMM, TLE EB, PE SHEP ICA HIM. XSL ti SAT ea LAH oh, We eM TITLE AY TOMER, TE, AL PAPERS, PTL Sz 7 RRR AR AE. ARN BI POR A Ly ttit HATE. MIRAE, 2698 Amt te RAT SEL PIP. TEFL PS HAS IF RR SE HL i RC HAT BE, BCT LAER ALAS ERROR. ANE BRLEBARR, COIR. (BRAT ROM EETT AEP LPG TE ee Se he) — BE CRINTOL, AE RHEE SONATA, MARUI RR LI, Ra iA IBIS} — TBI: “4Facebook?t: Ff TT ASE TENE TT IS zh, ALB PCE TAY MIMS AAT, EAI: Bee SAS AIK 5 ARAL ABE IS AS A Be A TEPER AD TAG CAE GET), TELS Pe ee PLU AB PASE CBRE SBP IAT AAR ASAE TAPER ASL 5 DOME ACEI SOR ASHE a RET HORE, FP ED SH BURLE Ts CRUE —P 19, ANT ORER ANAS, te— it, AANA EE TLE. PCAC T . SAR, TARA MILER A ht 3 3 PEALE, FUL RE PY FE MARAE BORER ED AT. BORMAN, LEA, Lee aT AGE S45 Hii SA, AAA A RAM: APS SARS , (ATR AN ET RR AE,3.2 EA <4 29 3.2.4 AAR ASAT AP PSB AA, ASEH ff VEO AS RE, ETAT RY BEAN I SN AB Oe PE BIZ, RTA. TL, MR OLE Ai PE ETT A BE + ADDER TERE. AAPA AL es, BIS ha), LC RRR HE “Be” — FR. RP HGH FRLETC RAY RAS, YG OSA EA ANA, FRITTERS EDL IE AR Ia BB 6 STA EL A TAS HE HP EA SHE CHR TTT, HERAT AEH, oh PERN BL SB, AAT REIZA A IL BIET (6 CR “APL”, ILS ER LEB Ei BUX. AEP, ARM PEBET ant, ATK — ARTE. ) BRATZ HALAL, APOE A iz aE A EE TR SU. TE BRAC AMR SACL, ARAL RW TN 3.25 AMET RRS Re LAS SE C8 TT EL SAK, I AHR ERG ATER HE AL, He EA EC BLL. PEC} aT: A PTA. HAP RR. FEOF AHIX— BER, TELL FAL PYR SIR BEA FEL BE ED, PEAT RL, RW Ey a 3.2.6 AEBS WORTH SERFS OE, AVR RE LA) EH EH RTL — of QO, Ar AN Be LC oh EG UP PE EP SL FAS AIMS A ERIE. APT AE BE BCE He, ELA AL ELI ERO ATG HAE DL RCC ARAL TT 9 ERIE KY RILEY, ETL DT fe TA YEE, GX HE 55, EIDABESR AY ABTS, ABET CEE SEIT AAS Ff 3.2.7 mom ae SSCA EH, ALP AEE BR UL, CRATE ICR, MM VOW ORT PENI AE — TT ASA ABC. AL, RE aT CBM, He 7 Re I UE, MI EHR IT ATE A RE A YT FZ. A REF BPR SRI I(T BPG EEE: FLAS BEYER TAS AD AC