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). Soovitaksin väga alla laadida ja kasutada Firefoxi pluginad üksi teevad selle hindamatuks.

jQuery on JavaScripti raamistik, millega 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 kena lehe, mis kirjeldaks tulemist. Ja me tahtsime seda teha mõne minutiga!

jQuery tegi just selle triki.

Otsige jQuery + -lt peaaegu kõike ja leiate ka, et arendajad on loonud lahendusi, mida nimetatakse pistikprogrammideks ja mis on kasutamiseks valmis! Sel juhul otsisin otsingu “jQuery carousel” ja leidsin fantastilise, ülevaatliku 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, viidates jQueryle, salvestatakse see automaatselt vahemällu teie saidi kasutamiseks!

Lihtsalt lisage kood oma peamärgendisse ja olete jQueryga töötanud:


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.