Paggamit sa jQuery sa Juice Up usa ka Ordinary Web Page

jquery

Ang JavaScript dili ang labing kadali nga mga sinultian nga mahibal-an. Daghang mga taghimo sa web nga nakasabut sa sukaranan nga HTML ang nahadlok niini. Usa ka bag-ong lahi sa mga framework sa JavaScript ang adunay na sa pipila ka mga panahon karon ug nagsugod sa pag-igo sa web sa hinay.

Ang tanan nga moderno nga mga browser makahimo sa pagpadagan nga epektibo sa JavaScript (pipila ka mga bag-o nga pagbag-o sa License gipadali gyud ang ilang makina, bisan pa). Labi ko nga girekomenda ang pag-download ug paggamit sa Firefox - ang plugins nag-inusara nga naghimo niini bililhon kaayo.

jQuery usa ka balangkas sa JavaScript nga labi na nga nag-eksperimento ako karong bag-o. Kung nagbutang ako usa ka placeholder alang sa usa ka bag-ong pagsugod, wala kami igo nga sulud alang sa usa ka bug-os nga site apan gusto namon nga mag-set up usa ka maayo nga panid nga naghubit sa umaabot. Ug gusto namon kini buhaton sa pipila ka minuto!

Ang jQuery nagbuhat lang sa limbong.

Pagpangita sa jQuery + hapit bisan unsa, ug mahibal-an usab nimo nga ang mga developer naghimo og mga solusyon, gitawag nga mga plugins, nga andam na moadto! Sa kini nga kaso, nagpangita ako alang sa "jQuery carousel" ug nakit-an ang us aka maayo, komprehensibo jQuery carousel solution sa Dynamic Drive.

Ang laing nindot nga butang bahin sa jQuery mao kini Ang code karon gidumala sa Google. Ingon usa ka sangputanan, dili nimo kinahanglan i-upload ang jQuery sa imong kaugalingon nga server, ni kinahanglan usab nga i-download kini sa mga magbabasa sa matag higayon. Kung nakaadto sila sa usa ka site nga adunay pakigsulti sa jQuery, awtomatiko kini nga gi-cache alang sa paggamit sa imong site!

Pagdugang ra ang code sa sulud sa imong ulo nga tag ug gikan ka na ug nagdagan uban ang jQuery:


Aron mapadagan ang carousel, kinahanglan nako nga i-upload ug i-refer ang script sa stepcarousel:


Pagkahuman, ang pagbag-o sa panid yano ra! Gibutang ko ang akong carousel sa sulud sa usa ka div nga gitawag mygalog ug ang huboon sa panel sulud sa usa ka div nga gitawag bakus. Pagdugang nako usa ka gamay nga tipik sa mga setting code sa sulud sa akong body tag.

Mahimo nimo nga ipasadya ang aksyon gamay. Sa kini nga kaso gibag-o ko ang script aron awtomatikong modagan kung mag-load ang panid. Gipasadya ko ang katulin ug ang gidugayon nga ang matag panel gipakita, maingon man ang mga buton aron mano-mano nga paikuton ang mga panel sa wala ug tuo. Laing cool nga bahin sa kini nga plugin - kung moabut ka sa katapusan nga panel, kini pag-rewind balik sa una!

Kung nahadlok ka sa pagprograma o paghadlok sa JavaScript, mahimo nga ang solusyon sa jQuery alang kanimo. Kadaghanan sa mga oras, kinahanglan ra nimo nga kopyahon ug i-paste ang mga pakisayran sa file, i-edit ang pipila nga mga setting, istraktura og tama ang panid… ug ikaw na ug nagdagan na.

3 Comments

  1. 1

    Karon ko nga gitukod usab ang akong website ug gipunting ang paglansad kini nga katapusan sa semana kung maayo ang tanan. Gigamit nako ang jQuery alang sa pipila nga mga bahin niini ug wala’y mga reklamo hangtod karon. Ang tanan ingon og naghatag sa kana nga gibati nga "web 2.0" ug hinaut nga makadayeg ra kini sa nahuman nga site.

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.