Weekend bun, dragi cititori, nou-veniți la programare web și doar programatori! Am decis astăzi să împartă o singură temă simplă, dar este interesant pentru începători, și, eventual, doar cineva va gândi să folosească unități de circulație JQuery pe site. În principiu, așa cum am menționat mai sus, nu este nimic complicat, însă însăși principiul blocurilor în mișcare a fost în favoarea mea și am găsit deja un loc pentru aplicarea acesteia.
Pasul unu. HTML. Conectarea stilurilor și scripturilor.
Continuați imediat să conectați biblioteca JQuery. Stiluri CSS. și, de fapt, chiar scriptul movingivjquery.js.
Înainte de a începe să vă uitați la codul jQuery. Trebuie să creăm un bloc pe care să îl putem muta în jurul zonei browserului. Pentru aceasta, creați un container cu un identificator de bloc. Mai mult, în principiu, cu excepția modului de completare a informațiilor, nimic de făcut aici nu este necesar!
Acum du-te la butoane, cu ajutorul care, putem gestiona blocul în sine. Creați un container pentru stilul butoanelor utilizând stilurile CSS. Să numim nav. - navigație. În el am pus patru butoane: în sus, în stânga, în dreapta și în jos. Fiecare va primi o clasă separată corespunzătoare poziției butonului și numele său: up-up. stânga - stânga. dreapta - dreapta. în jos.
Așa că am ajuns la cele mai importante, și acesta este, probabil, codul jQuery, pe care acum ne vom uita mai atent. Creăm un document în care înregistrăm tratamentul obișnuit cu ajutorul funcției. Nu voi dezasambla fiecare element, dar probabil că vom opri doar pe primul.
Prevede clasa funcției-clic stânga, după care se poate bloca bloc de identificare pentru a face orice animație, așa cum am subliniat faptul că această unitate va îndeplini funcția animate - animație, dar în acest caz, vom pur și simplu, cu fiecare clic, mutați blocul de stânga pe 10 pixeli. În principiu, și putem adăuga și alte proprietăți, de exemplu, atunci când faceți clic reduce transparența, sau că unitatea a acționat ca nu este standard, cum ar fi convulsii. Ei bine, acestea sunt deja astfel de subtilități, care de fapt trebuie să fie rezolvate pentru tine!
Ne întoarcem la stiluri și aici vreau să observ că, de fapt, le-am prescris doar pentru a da un fel de stilizare ordonată, dar de fapt nu sunt necesare.
Voi fi bucuros căruia i-a ajutat acest material, la următoarele materiale! Multumesc tuturor celor care citesc!
Articole similare
-
Tulburări de mișcare a ochilor la copii, diagnostic, tratament
-
Cum de a adăuga un bloc de comentatori de top fără plug-inuri, bloguri
Trimiteți-le prietenilor: