Paggamit ng jQuery sa Juice Up ng isang Ordinaryong Web Page

jquery

Hindi ang JavaScript ang pinakamadaling mga wika na matutunan. Maraming mga tagabuo ng web na nakakaunawa sa karaniwang HTML ang medyo kinakatakutan nito. Ang isang bagong lahi ng mga balangkas ng JavaScript ay nasa paligid ng ilang sandali ngayon at nagsisimulang pindutin ang web sa isang lakad.

Ang lahat ng mga modernong browser ay magagawang magpatakbo ng mahusay na JavaScript (ilang mga kamakailang pagbabago sa Firefox talagang pinabilis ang kanilang makina,). Masidhing inirerekumenda ko ang pag-download at paggamit ng Firefox - ang plugin nag-iisa gawin itong napakahalaga.

jQuery ay isang balangkas ng JavaScript na nag-eeksperimento ako ng mas marami pa kamakailan. Nang maglagay ako ng isang placeholder para sa isang bagong pagsisimula, wala kaming sapat na nilalaman para sa isang buong site ngunit nais naming mag-set up ng isang magandang pahina na naglalarawan kung ano ang darating. At nais naming gawin ito sa loob ng ilang minuto!

Ang trick lang ang ginawa ng jQuery.

Gumawa ba ng paghahanap para sa jQuery + halos anupaman, at malalaman mo rin na ang mga developer ay nagtayo ng mga solusyon, na tinatawag na mga plugin, na handa nang umalis! Sa kasong ito, naghanap ako para sa "jQuery carousel" at natagpuan ang isang kamangha-manghang, komprehensibo jQuery carousel solution sa Dynamic Drive.

Ang isa pang magandang bagay tungkol sa jQuery ay ito ang code ay na-host na ngayon ng Google. Bilang isang resulta, hindi mo kailangang i-upload ang jQuery sa iyong sariling server, o kailangan din itong i-download ng mga mambabasa ng iyong website sa bawat oras. Kung napunta sila sa isang site na may sanggunian sa jQuery, awtomatiko itong nai-cache para magamit sa iyong site!

Idagdag lamang ang code sa loob ng iyong head tag at naka-off ka at tumatakbo kasama ang jQuery:


Upang patakbuhin ang carousel, kailangan kong i-upload at sanggunian ang script ng stepcarousel:


Pagkatapos nito, ang pagbabago ng pahina ay simple! Inilagay ko ang aking carousel sa loob ng isang div na tinawag mygalog at ang strip ng panel sa loob ng isang div na tinawag sinturon. Pagkatapos ay nagdagdag ako ng isang maliit na tipak ng mga setting ng code sa loob ng aking body tag.

Maaari mong ipasadya ang pagkilos nang kaunti. Sa kasong ito binago ko ang script upang awtomatikong tumakbo kapag naglo-load ang pahina. Na-customize ko ang bilis at ang tagal na ipinakita ang bawat panel, pati na rin ang mga pindutan upang manu-manong paikutin ang mga panel sa kaliwa at kanan. Isa pang cool na tampok ng plugin na ito - kapag nakarating ka sa huling panel, ito pag-rewind balik sa una!

Kung natatakot kang maka-intimidate ang programa o ang JavaScript, maaaring ang solusyon sa iyo ang jQuery. Karamihan sa mga oras, kailangan mo lamang kopyahin at i-paste ang mga sanggunian ng file, i-edit ang ilang mga setting, istraktura nang tama ang pahina ... at ikaw ay tumatakbo at tumatakbo.

3 Comments

  1. 1

    Kasalukuyan kong binubuo ulit ang aking website at naglalayon para sa isang paglulunsad ngayong katapusan ng linggo kung maayos ang lahat. Gumagamit ako ng jQuery para sa ilang mga aspeto nito at walang mga reklamo sa ngayon. Ang lahat ay tila nagbibigay ng pakiramdam na "web 2.0" at sana ay purihin lamang nito ang natapos na site.

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.