In questi ultimi anni del Web 2.0, gli sviluppatori web più sono venuti con alcuni disegni incredibili sui loro siti web. Dal menu animati per eleganti gallerie di immagini che cercano e slideshow, gli sviluppatori web abbiamo trovato diversi strumenti per migliorare l'aspetto grafico di un sito web. A prima vista alcuni di questi miglioramenti possono apparire come sono stati progettati utilizzando Flash, ma esaminare il codice e scoprirete che sono stati animati con jQuery. Gli sviluppatori Web hanno cominciato ad utilizzare jQuery per la sua semplicità e facilità d'uso. Si tratta di un nuovo tipo di libreria JavaScript che permette l'animazione e la gestione degli eventi più facile e veloce. A differenza dei disegni Flash, jQuery utilizza meno del codice che richiede meno file. Alcuni plugin o widget che trovate sul web che si può incorporare nel tuo jQuery usare il sito web, e se si sa come utilizzare jQuery, sarete in grado di personalizzare alcuni di questi widget. Daremo un'occhiata a come utilizzare jQuery e come può migliorare il tuo sito web design.
1. Saperne di jQuery. Ci sono decine di tutorial sul web che ti aiuterà ad imparare jQuery e avete in esecuzione i codici o gli eventi sul tuo sito web in poche ore. È anche possibile imparare con l'esempio. Ci sono esempi online, come gallerie di immagini o slideshow che potete scaricare e studiare il codice sorgente. Ci sono libri si possono trovare i progetti che hanno per voi a farlo imparerete a creare tuoi propri disegni con jQuery.
2. Scaricare la libreria jQuery JavaScript. Devi scaricare la libreria jQuery JavaScript sul tuo sito web. Ci sono diversi modi per farlo: uno è quello di scaricare dal sito jQuery, nel <head> e </ head> tag che metterò questo codice come fonte:
src="javascript/jquery-1.3.2.min.js" type="text/javascript"> </ script>
Oppure si può scaricare dal server di Google:
src=" <script https://www.google.com/jsapi"> </ script>
<script>
google.load ( 'jquery', '1 .3.1 ');
</ script>
Dal momento che ci sono sempre gli aggiornamenti nella biblioteca, questa terza via è possibile risparmiare la fatica di aggiornamento.
<script type="text/javascript" src=" http://code.jquery.com/jquery-latest.pack.js"> </ script>
3. Imparare a usare jQuery in CSS.Ulteriori informazioni su come jQuery riguarda i CSS, perché questo è dove potrete controllare gli eventi che creano gli effetti sul tuo sito web. Esso consentirà CSS per creare eventi, come le schede animate, immagini o ridimensionare. Ulteriori informazioni su come l'aggiunta o la rimozione di una classe o un id interesserà il disegno sul sito web. Non ci sono eventi in CSS, ad esempio come il puntatore del mouse, o quando il cursore è posizionato su una scheda o una immagine che è cliccabile, o un evento che accadrà se si sceglie l'immagine o la scheda, e questi sono gli eventi che possono essere aggiunti in jQuery CSS e consentire di ampliare le sue funzioni.
Web designer possono beneficiare di un sacco di utilizzare jQuery, e grazie alla sua semplice codifica si può fare molto con molto meno codice. Il sito web verrà caricato più velocemente di un sito in flash, perché è leggero. jQuery vi permetterà di migliorare l'interfaccia del tuo sito web in molti modi.
Delicious
Digg
Google
Yahoo
