Fx Options Jquery Ui

jQuery UI Demos. jQuery UI offre una combinazione di interazioni, effetti, widget, utilità e temi progettati per lavorare bene insieme o da soli giocare con la demo, visualizzare il sorgente, costruire un tema leggere la documentazione delle API e iniziare a utilizzare jQuery UI today. Interactions aggiungono comportamenti di base del mouse-based per ogni elemento È possibile creare liste ordinabili, elementi ridimensionabili, comportamenti drag drop e di più con poche righe di codice interazioni anche fare grandi blocchi di costruzione per i widget più complessi e applications. Widgets sono pieno controlli dell'interfaccia utente in vetrina che portino la ricchezza delle applicazioni desktop al Web Tutti i widget forniscono un solido nucleo con un sacco di punti di estensione per personalizzare il comportamento, così come support. Effects pieno tematizzazione aggiungere il supporto per l'animazione colori e transizioni di classe, oltre a fornire diversi interpolazioni aggiuntive Oltre, una suite completa di effetti personalizzati sono disponibili per l'uso quando mostrare e nascondere gli elementi o solo per aggiungere alcuni appeal. Utilities visivi utilizzati da jQuery UI per costruire interazioni e widgets. Tabs Widget. Keyboard interaction. When focus è su un scheda, i seguenti comandi sono available. UP SINISTRA Spostamento dello stato attivo alla scheda precedente Se sulla prima scheda, l'attivazione si sposta all'ultimo scheda Attiva scheda concentrata dopo un breve delay. DOWN DESTRA Spostamento dello stato attivo alla scheda successiva Se lo scorso scheda, l'attivazione si sposta alla prima scheda Attiva scheda concentrata dopo un breve delay. CTRL sU SINISTRA Spostare attenzione alla scheda precedente Se sulla prima scheda, l'attivazione si sposta all'ultimo scheda la scheda deve essere messo a fuoco manualmente activated. CTRL basso a destra spostamento dello stato attivo alla scheda successiva Se lo scorso scheda, l'attivazione si sposta a prima scheda la scheda deve essere messo a fuoco manualmente activated. HOME spostamento dello stato attivo per la prima scheda Attiva scheda concentrata dopo un breve delay. END spostamento dello stato attivo all'ultima scheda Attiva scheda concentrata dopo un breve delay. CTRL PRINCIPALE spostamento dello stato attivo la prima scheda la scheda deve essere focalizzata activated. CTRL messa a fuoco manualmente FINE Sposta all'ultima scheda la scheda deve essere messo a fuoco manualmente pannello activated. SPACE Attiva associato con focalizzata tab. ENTER Attivare o commutare pannello associato con tab. ALT focalizzata OPZIONE PAGINA SU Sposta si concentrano alla scheda precedente e subito activate. ALT OPZIONE PAGE DOWN spostamento dello stato attivo alla scheda successiva e mettere a fuoco immediatamente activate. When è in un pannello, i seguenti comandi sono available. CTRL sU spostamento dello stato attivo tab. ALT associato OPZIONE PAGINA sU Sposta fuoco alla scheda precedente e subito activate. ALT OPZIONE PAGE DOWN spostamento dello stato attivo alla scheda successiva e subito activate. The widget di schede utilizza il framework jQuery UI CSS per lo stile il suo aspetto grafico Se è necessario uno stile specifico le schede, i seguenti nomi di classe CSS può essere utilizzato per le sostituzioni o come chiavi per le classi option. ui-schede il contenitore esterno delle schede Questo elemento sarà inoltre hanno una classe di ui-schede-pieghevole quando l'opzione pieghevole è set. ui-schede-NAV l'elenco dei tabs. ui-tabs-tab uno degli elementi della lista di elemento attivo avranno la classe ui-tabs-attivo Ogni elemento della lista il cui associato il caricamento del contenuto tramite una chiamata Ajax avrà il class. ui - ui-schede-caricamento schede-ancoraggio gli ancoraggi utilizzati per passare panels. ui-tabs-pannello i pannelli associati con le linguette solo il pannello la cui scheda corrispondente è attiva sarà widget di visible. Additional Notes. This richiede una certa CSS funzionale, altrimenti vinto lavoro t Se costruire un tema personalizzato, utilizzare file CSS specifico il widget s come un pannello di partenza point. Which è attualmente tipi open. Multiple supported. Boolean impostazione attiva a false crollerà tutti i pannelli Ciò richiede l'opzione pieghevole di essere true. Integer la base zero indice del pannello che è attiva e aperta Un valore negativo seleziona pannelli che vanno a ritroso dall'ultimo panel. Code examples. Initialize le linguette con l'opzione attiva specified. home jQuery Cycle Plugin. Check fuori Cycle2 l'ultimo nella linea ciclo di slideshows. The jQuery Cycle Plugin è un plugin presentazione che supporta diversi tipi di effetti di transizione supporta la pausa-on-hover, auto-stop, auto-adattamento, prima dopo callback, fare clic su trigger e molto altro inoltre, supporta, ma non richiede, la Facilitare Plugin. How si works. The plugin fornisce una chiamata ciclo di metodo che viene richiamato su un elemento contenitore Ogni elemento secondario del contenitore diventa un Opzioni vetrino di controllo come e quando le diapositive sono click. Images transitioned. scrollRight vengono utilizzati in questi demo perchè hanno un aspetto fresco, ma presentazioni non sono limitati a immagini È possibile utilizzare qualsiasi elemento che si want. Browse Effects. Use la pagina del browser Effects per visualizzare in anteprima i disponibili effects. See Più Demos e Examples. The ciclo plugin fornisce molte opzioni per personalizzare la presentazione il i valori delle opzioni di default possono essere modificate passando un oggetto opzione per il metodo ciclo, utilizzando i metadati sul elemento contenitore, o ridefinendo i valori nel proprio code. For e le opzioni, vedere le opzioni di riferimento page. Special grazie a Torsten Baldes Matt Oakes, e Ben Sterling per le molte idee che mi ha iniziato a scrivere del ciclo nel 2007.