javascript tekenfilms (4, deel 4),,,,,,,,,, 54, aandelen, 10,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, op het eerste deel van onze ideeën, wordt het gebruik van spriting, als een eenvoudige, een interactief netwerk van animatie van de browser.In het tweede deel, we hebben een animatie van werk, in de derde we ruimen we de code, en voor een netwerk, ingevoerd, en nu, in de laatste deel van ons, we lopen door het geregeld, een gebeurtenis, dus geen antwoord op de knop, we volgen de muis in de robot zal op het scherm.In dit proces zijn we ook over de code de browser vriendelijk en scherm, als je een keer kijken we van de code, je zal zien, als de code en (en veel robots), is er een manier om te zeggen dat die code te, in het geval van procedures, de gebeurtenis dat is een bevel, Wanneer bepaalde gebeurtenissen die trekker.Bijvoorbeeld, je kan vluchten, my_function (), wanneer de gebruiker een klik je die ID 's, en,'my_div ".Of je kunt rennen, my_other_function (), als gebruikers van mobiele hun muis,'my_other_div ", in theorie, het is een heel duidelijk en eenvoudig idee.Helaas, als je begint te verkrijgen van de verschillende browser, dit kan een beetje in de war.In een ideale wereld, elke pagina 's browser zodanig geïnterpreteerd: //europa.eu.int /comm /dezelfde code en ontwikkelaars van de code kunnen schrijven, en het zal een tijd voor elke gebruiker van hetzelfde werk.In de echte wereld, verschillende browser kunnen verschillende commando 's om hetzelfde te doen (* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *.De laatste, de situatie is verbeterd, chroom, firefox safari, en opera reactie is zeer vergelijkbaar met die van de code, de Internet Explorer 9 en 10 is meer in overeenstemming met de normen dan de vorige versie, bijna niemand gebruik van Internet Explorer 7 of 6.Dus, we hebben een code, zullen we een gebeurtenis als de browser Internet Explorer 8 en werk, als een gebied dat dit een geval is, moet het gebruik van een krachtige javascript, zoals dit.Is je browser test doen al het werk, dus moet je het alleen in een bibliotheek en dit zal een vertaling van het bevel voor elke browser van achter de schermen.Bovendien, in dit bevel dan de kern van javascript en veel eenvoudiger, maar omdat ik koppig, want dit is een kans om te leren, en we zullen blijven proberen, dit alles alleen doen en javascript en afhankelijkheid.De uitwisseling van gegevens, zodat we, de eerste stap zal worden besloten hoe we de interactie met de pagina 's.Toen ik de muis in de arena, en ik hoop dat alle robots zijn in de richting van een muis.Als ze bij de muis, of als de muis is boven hen, ik hoop dat ze stoppen met rennen.Als een rat in de ze en ik wil ze springen.Tot slot, als de ratten uit fase was, ik hoop dat ze stoppen met rennen.We beginnen om deze gebeurtenissen binnen, robotmaker. Functie:, addEventListener ('mousemove "fase. Stage_mousemove_listener, valse); de robot. AddEventListener ('mouseover", robot_mouseover_listener, valse); - fase. AddEventListener ('mouseout ", stage_mouseout_listener, valse); in de lijn, dus, boven, en we hebben gezegd dat wanneer de gebruiker de muis. In de fase van de trekker zal elementen, een functie die, stage_mousemove_listener (), (er nota van te nemen dat wij niet met een bevel tussen haakjes).Ook wanneer de gebruiker de muis cursor robot - eenheid, die de trekker, robot_mouseover_listener (), en als de gebruikers van de fase van de muis, de trekker over, stage_mouseout_listener () en, helaas, zoals we hebben gezegd, het Internet Explorer 8 en voorzien van een (soortgelijke maar) verschillende commando 's ook doen Dus we moeten testen, weet de browser bevel zal begrijpen en praktijken als (fase. AddEventListener) {///////we testen om te zien of deze beschikking is beschikbaar. AddEventListener ('mousemove ", stage_mousemove_listener, valse); de robot. AddEventListener ('mouseover", robot_mouseover_listener, valse); de fase van addEventListener ('mouseout ". Stage_mouseout_listener, valse);} tenzij ik (///////Nee, we moeten met behulp van de commando 's. Attachevent ('onmousemove ", stage_mousemove_listener); de robot. Attachevent ('onmouseover", robot_mouseover_listener); - fase. Attachevent ('onmouseout ", stage_mouseout_listener);}, je kan op commando formaat vergelijkbaar zijn, maar er is een belangrijk verschil: een'addeventlistener zei," en de andere zegt dat'attachevent ".Een'mousemove zei, ", terwijl andere dat'onmousemove".Een derde van een parameter, terwijl een andere alleen met twee parameters.Mengsel van alle commando 's niet zal leiden tot een operatie.Die dingen die je wil je hoofd tegen de muur.Helaas, dat is niet wat we moeten doen aan het einde van de aanvullende code, wat we moeten doen, is de capaciteit van de browser, luister, we moeten schrijven gehoor.We beginnen met de functie is veroorzaakt, de gebruiker de muis in de arena.Dit is een, mousemove, luister, deze functie zal elke muis in de fase van de trekker in de mobiele (dit betekent dat het voor één keer als de muis).Deze functie moet worden vergeleken met de positie van de robot zal met de locatie van de muis, en om de acties van de robot.Elke keer als een functie zal zij onderzoeken of robots moeten blijven lopen in dezelfde richting of gedrag te veranderen.Dus, het moet zo zijn dat: ////////in de robotmaker, moeten we de invoering van een extra variabelen voor het volgen van reactieve mouseX; ///////- muis horizontale positie var running_dir = "; ///////(ho) volgen als robot is momenteel var stageoffset; ///////omdat het podium van de positie op de functie stage_mousemove_listener (e) {///////de fase van muizen gevonden in horizontale positie...///////dit standpunt zal worden gehandhaafd in de "mouseX //dan vergelijken we de robot mouseX", en bepalen of we moeten rennen als (((robot.offsetleft + (15 * run_speed) < (mouseX robot. Offsetwidth) & & running_dir!= "O &O" en versterker.Jump_timer