Share
La giusta combinazione di plug-in JavaScript può trasformare un sito Web semplice in uno fantastico, il tutto richiedendo un lavoro minimo per tuo conto. Oggi esamineremo quaranta dei plugin più popolari disponibili. Se ne abbiamo persi alcuni, fatecelo sapere nei commenti!
Un plug-in che consente di creare convalide sul lato client e moduli Ajax.
JQuery Validate
Un plug-in di convalida del modulo MooTools (simile a jQuery Validate).
MooTools Validate
JSValidate è un validatore di moduli che utilizza aspetti della libreria Prototype e Scriptaculous per offrirti un validatore di moduli JavaScript semplice da eseguire, non intrusivo. Con una configurazione minima, i moduli possono elaborare dati puliti in un batter d'occhio.
JSValidate
Un plug-in MooTools che sostituisce le caselle di controllo predefinite del browser e i pulsanti di opzione con stili personalizzati.
FancyForm - MooTools
Come FancyForm, ma usando la libreria jQuery.
PrettyCheckboxes - jQuery
Un semplice plug-in che consente di sostituire l'elenco di selezione dei moduli con stili personalizzati.
jQuery Selectbox Plugin
Questo script ti consente di creare controlli di scorrimento personalizzati associati ai campi di input.
Slider Control V2 discreto
Dai alla tua forma un completo rinnovamento.
Caselle di controllo personalizzate
Probabilmente hai molta familiarità con Lightbox. In caso contrario, viene utilizzato per visualizzare le immagini di sovrapposizione sulla pagina corrente.
ID
Questo è esattamente lo stesso di Lightbox JS, ma scritto sulla libreria jQuery.
jQuery LightBox Plugin
Thickbox è un plugin jQuery che è molto simile a Lightbox, ma è dotato di più funzionalità. Consente di visualizzare: singole immagini, più immagini, contenuto in linea, contenuto iframed o contenuto servito tramite AJAX in un modale ibrido.
thickbox
Highslide JS ha gli stessi scopi di Thickbox, ma ha l'effetto zoom e consente di trascinare la finestra di sovrapposizione.
Highslide JS
FancyBox è un plugin jQuery progettato per rimpiazzare l'uso eccessivo di Lightbox. Ha caratteristiche simili, ma migliori effetti di transizione (il design è simile a Mac).
Fancybox
jQZoom ti consente di mostrare un'immagine ingrandita della miniatura. Questa tecnica è comunemente usata nei siti di e-commerce.
jQZoom
Slideshow 2! è una classe JavaScript per MooTools 1.2 per lo streaming e l'animazione della presentazione di immagini sul tuo sito web.
Slideshow 2! per MooTools
Utilizzando MooTools v1.11, questa galleria JavaScript e il sistema di slideshow ti permettono di avere gallerie di immagini, slideshow, vetrine e altre cose interessanti sul tuo sito web semplici e fluide (a dissolvenza incrociata).
SmoothGallery
Galleria è una galleria di immagini JavaScript scritta in jQuery. Carica le immagini una alla volta da una lista non ordinata e visualizza le miniature quando viene caricata ogni immagine. Creerà le anteprime per te se lo selezioni, ridimensionato o non graduato, centrato e ritagliato all'interno di una casella di miniatura fissa definita da CSS.
jQuery Galleria
NoobSlide è una classe MooTools che ti consente di creare presentazioni temporizzate e pannelli scorrevoli.
Noobslide
Questo mostra una dimostrazione di un widget di scorrimento dalla libreria dell'interfaccia utente jQuery utilizzata per creare il dispositivo di scorrimento del prodotto.
Dispositivo di scorrimento del prodotto
Coda Slider è un plugin jQuery che imita gli effetti scorrevoli del pannello come mostrato nella Slideshow 2! per il sito Web di MooTools coda.
Coda Slider Plugin
Questo è un tutorial di jQuery For Designers per mostrarti come creare il cursore del pannello Coda.
Sliding Tabs è un plugin MooTools 1.11 che aggiunge un effetto molto carino. È un clone di qualcosa visto sul sito Coda di Panic Software, che a sua volta era molto simile a un widget utilizzato in iTunes Music Store.
Schede scorrevoli
jCarousel è un plugin jQuery per il controllo di un elenco di elementi in ordine orizzontale o verticale. Gli elementi, che possono essere contenuti HTML statici o caricati con (o senza) AJAX, e possono essere fatti scorrere avanti e indietro (con o senza animazione).
jCarousel
Il componente carosello gestisce un elenco di contenuti (elementi LI HTML all'interno di un UL) che possono essere visualizzati orizzontalmente o verticalmente. Il contenuto può essere spostato avanti e indietro con o senza animazione. Può fare riferimento a contenuto HTML statico o gli elementi dell'elenco possono essere creati dinamicamente al volo (con o senza Ajax).
Componente giostra YUI
La presentazione di carosello è uno script DHTML favoloso per la presentazione di immagini sul tuo sito. Visualizza le immagini in 3D, in modalità carosello.
DynamicDrive - Presentazione di carosello
iCarousel è uno strumento JavaScript open source (gratuito) per la creazione di widget simili a carousel. Puoi utilizzare iCarousel come ticker di notizie / scroller o cursore della galleria di immagini.
iCarousel - MooTools
jQuery Tabs è un plugin jQuery potente e flessibile che ti consente di creare una navigazione tab personalizzata (altamente raccomandato).
Schede dell'interfaccia utente jQuery
Un altro fantastico tutorial di jQueryForDesigners.com che mostra come creare una navigazione di tabulazione di base con jQuery.
Tutorial di jQuery Tabs
MooTabs è una piccola classe (3kb) per MooTools. Come suggerisce il nome, il suo scopo principale è quello di aiutare con la creazione di una semplice navigazione delle schede.
MooTabs
Un plugin jQuery molto flessibile che consente di creare animazioni di scorrimento in qualsiasi posizione di una pagina Web con opzioni di cancellazione e velocità personalizzabili.
jQuery ScrollTo
Un semplice script di MooTools che crea una scorrevolezza degli ancore su una pagina web.
SmoothScroll
Un plugin jQuery personalizzabile che visualizza i popup del tooltip con testo statico o contenuto Ajax.
jTips
Un altro bel plugin Tooltip.
jQuery Tooltip Plugin
Uno script jQuery molto semplice che mostra descrizioni comandi e anteprime delle immagini.
Tooltip e Anteprima immagine
Questo plugin crea un menu di fisarmonica. Funziona con elenchi annidati, elenchi di definizioni o div appena nidificati.
jQuery Fisarmonica
La fisarmonica ti offre un modo elegante per mostrare solo il contenuto di cui hai veramente bisogno.
MooTools Fisarmonica
Image Menu è un plugin MooTools che crea il menu immagine fisarmonica orizzontale.
Menu Immagine MooTools
sIFR è pensato per rimpiazzare brevi passaggi di un semplice testo del browser con il testo reso nel carattere tipografico scelto, indipendentemente dal fatto che i tuoi utenti abbiano o meno il font installato sui loro sistemi. Compie questo usando una combinazione di JavaScript, CSS e Flash.
sIFR 3
Un plugin jQuery che fa il sIFR per te.
jQuery sIFR
Facelift Image Replacement è uno script di sostituzione dell'immagine che genera dinamicamente rappresentazioni di immagini di testo sulla tua pagina web in caratteri che altrimenti potrebbero non essere visibili ai tuoi visitatori. L'immagine generata verrà automaticamente inserita nella tua pagina web tramite JavaScript e visibile a tutti i browser moderni.
FLIR
Commutatore di fogli di stile con jQuery.
Cambia fogli di stile con jQuery
Commutatore di fogli di stile CSS con MooTools.
MooTools Styleswitcher
Accentsconagua