JQueryn käyttäminen tavallisen verkkosivun luomiseen

jQuery

JavaScript ei ole helpoin kielistä oppia. Monet web-kehittäjät, jotka ymmärtävät tavallisen HTML-koodin, pelkäävät sitä melko. Uusi JavaScript-kehysrotu on ollut käytössä jo jonkin aikaa ja alkaa näkyä verkossa hitaasti.

Kaikki modernit selaimet pystyvät käyttämään JavaScriptiä tehokkaasti Firefox ovat kuitenkin todella nopeuttaneet moottoriaan). Suosittelen lämpimästi Firefoxin - liitännäiset yksin tekevät siitä korvaamattoman.

jQuery on JavaScript-kehys, jonka kanssa olen kokeillut viime aikoina yhä enemmän. Kun laitoin paikkamerkin uutta käynnistystä varten, meillä ei ollut tarpeeksi sisältöä koko sivustolle, mutta halusimme perustaa mukavan sivun, joka kuvasi tulevaa. Ja halusimme tehdä sen muutamassa minuutissa!

jQuery teki juuri temppu.

Tee haku jQuery +: lle käytännöllisesti katsoen mitä tahansa, ja huomaat myös, että kehittäjät ovat rakentaneet laajennuksiksi kutsuttuja ratkaisuja, jotka ovat valmiita lähtemään! Tässä tapauksessa tein haun "jQuery karuselli" ja löysin upean, kattavan jQuery-karuselliratkaisu Dynamic Drivessa.

Toinen mukava asia jQueryssä on, että se on koodia isännöi nyt Google. Tämän seurauksena sinun ei tarvitse ladata jQueryä omalle palvelimellesi, eikä verkkosivustosi lukijoiden tarvitse ladata sitä joka kerta. Jos he ovat käyneet yhdessä sivustossa viittaamalla jQueryyn, se tallennetaan automaattisesti välimuistiin käytettäväksi sivustollasi!

Lisää koodi vain otsikkotunnisteeseesi ja olet poissa ja käynnissä jQueryn kanssa:


Karusellin ajamiseksi minun täytyi ladata stepcarousel-komentosarja ja viitata siihen:


Sen jälkeen sivun muokkaaminen oli helppoa! Laitoin karusellini div-nimiseen galleria ja nauhat paneelit sisällä div kutsutaan vyö. Lisäsin sitten pienen osan asetuskoodia kehoni tagiin.

Voit mukauttaa toimintaa melko vähän. Tässä tapauksessa muokkain komentosarjaa toimimaan automaattisesti sivun latautumisen yhteydessä. Mukautin kunkin paneelin näyttämisen nopeuden ja keston sekä painikkeet, joilla paneeleja käännetään manuaalisesti vasemmalle ja oikealle. Toinen tämän lisäosan hieno ominaisuus - kun pääset viimeiseen paneeliin, se kelaa taaksepäin takaisin ensimmäiseen!

Jos pelkäät ohjelmointia tai JavaScript on pelottavaa, jQuery voi olla ratkaisu sinulle. Suurimman osan ajasta sinun tarvitsee vain kopioida ja liittää tiedostoviitteet, muokata muutamia asetuksia, jäsentää sivu oikein ... ja olet poissa käytöstä.

3 Kommentit

  1. 1

    Rakennan parhaillaan verkkosivustoani ja pyrin julkaisemaan tänä viikonloppuna, jos kaikki menee hyvin. Käytän jQueryä muutamiin seikkoihin, eikä minulla ole toistaiseksi valituksia. Kaikki näyttää antavan "web 2.0" -tunnelman ja toivottavasti se vain täydentää valmiita sivustoja.

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.