JQuery kasutamine tavalise veebilehe mahlastamiseks

jQuery

JavaScripti keelt pole kõige lihtsam õppida. Paljud veebiarendajad, kes mõistavad standardset HTML-i, on sellest üsna hirmul. Uut tüüpi JavaScripti raamistikud on juba mõnda aega olnud ja hakkavad veebi jõudma.

Kõik tänapäevased brauserid suudavad JavaScripti tõhusalt käivitada (mõned värskemad versioonid versioonile Firefox on siiski oma mootorit kiirendanud). Soovitan tungivalt alla laadida ja kasutada Firefoxi pluginad üksi teevad selle hindamatuks.

jQuery on JavaScripti raamistik, mida olen viimasel ajal järjest rohkem katsetanud. Kui panin uue käivitamise jaoks kohatäite, ei olnud meil kogu saidi jaoks piisavalt sisu, kuid tahtsime siiski luua toreda lehe, mis kirjeldaks tulemist. Ja me tahtsime seda teha mõne minutiga!

jQuery tegi just selle triki.

Otsige jQuery + praktiliselt kõike ja leiate, et arendajad on loonud ka pistikprogrammideks mõeldud lahendused! Sel juhul otsisin „jQuery carousel“ ja leidsin fantastilise, kõikehõlmava jQuery karussellilahendus dünaamilises draivis.

Teine tore asi jQuery puhul on see, et see on nii koodi hostib nüüd Google. Seetõttu ei pea te jQuery oma serverisse üles laadima, samuti ei pea teie veebisaidi lugejad seda iga kord alla laadima. Kui nad on käinud ühel saidil viitega jQueryle, on see vahemällu salvestatud teie saidi kasutamiseks!

Lihtsalt lisage kood oma peamärgendisse ja olete jQueryga väljas ja töötab:


Karusselli käivitamiseks pidin siiski üles laadima ja viitama kaskarusselli skripti:


Pärast seda oli lehe muutmine lihtne! Panin oma karusselli div-i sisse minu galerii ja riba paneelid sees kutsutud div vöö. Seejärel lisasin oma kehamärgendisse väikese tüki seadekoodi.

Toimingut saab üsna palju kohandada. Sel juhul muutsin skripti nii, et see lehe laadimisel automaatselt töötaks. Kohandasin iga paneeli kuvamise kiiruse ja kestuse ning nupud paneelide käsitsi vasakule ja paremale pööramiseks. Veel üks selle pistikprogrammi lahe omadus - kui jõuate viimase paneeli juurde, siis see kerib tagasi tagasi esimese juurde!

Kui kardate programmeerimist või JavaScripti on hirmutav, võib jQuery olla teie jaoks lahendus. Enamasti peate lihtsalt failiviited kopeerima ja kleepima, muutma mõnda sätet, struktureerima lehe õigesti ... ja olete välja lülitatud.

3 Kommentaarid

  1. 1

    Ehitan praegu oma veebisaiti ja võtan eesmärgiks selle nädalavahetuse käivitamise, kui kõik hästi läheb. Kasutan jQuery't selle mõne aspekti jaoks ja mul pole siiani ühtegi kaebust. Tundub, et kõik annab seda "veeb 2.0" -tunnet ja loodetavasti teeb see valmis saidile ainult komplimente.

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.