Kuidas jQuery töötab meie lehel?
jQuery on JavaScripti teek, mis muudab veebilehe interaktiivseks ja lihtsustab programmeerimist. Meie lehel on jQuery abil lisatud mitmeid dünaamilisi efekte ja funktsioone, mis muudavad kasutajakogemuse sujuvamaks ja visuaalselt atraktiivsemaks.
Rakendatud jQuery funktsioonid:
- Värvimuutus hiire liigutamisel:
- Kui viia hiir pealkirja (h1) või teksti (#tekst) kohale, muutub selle värv oranžiks (mouseenter()).
- Kui hiir ära viia, muutub pealkiri mustaks ja tekst roheliseks (mouseleave()).
- Teksti kuvamine ja peitmine:
- Nupp "Näita/peida tekst" kasutab funktsiooni toggle(), et tekstiblokk sujuvalt ilmuks ja kaoks.
- Liikumine animatsiooniga:
- Nupud "Paremale" ja "Vasakule" kasutavad animate(), et liigutada tekstiblokki (#tekst) horisontaalselt paremale või vasakule.
- Lohistatavad elemendid:
- Pilt (#pilt) ja tekst (#tekst) on tehtud lohistatavaks draggable() abil, mis võimaldab kasutajal neid hiirega ekraanil liigutada.
- Kui pilti liigutatakse, kuvatakse selle uus asukoht koordinaatidena ekraanil (drag ja offset()).
