La lingua di jQuery consente di creare in modo dinamico windows CSS personalizzati che visualizzano i dati senza aggiornare la pagina. È inoltre possibile collegare a un file FLV, che gioca in Flash FLV player automaticamente quando si apre la finestra. Questa funzionalità consente di visualizzare video e animazione in una finestra popup quando l'utente fa clic su un pulsante sulla tua pagina Web.
Istruzioni
1
Pulsante destro del mouse il file HTML che si desidera utilizzare per visualizzare la finestra di popup jQuery. Fare clic su "Apri con" e selezionare il vostro editor preferito jQuery. È inoltre possibile scrivere il codice nel blocco note, ma non è possibile testare o eseguire il debug in blocco note.
2
Collegare il file per le librerie di jQuery che è necessario creare il popup. Aggiungere il seguente codice nella parte superiore del file HTML nei tag "testa":
< script type = "text/javascript" src = "& lt; / script" rel = "nofollow" target = blank"> http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
< script type = "text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js" >< / script >
3
Link alla pagina per il foglio di stile CSS da utilizzare per personalizzare la finestra di popup. I seguenti link codice al foglio "Styles. css":
< link rel = "stylesheet" href="/fancybox/styles.css" type = "text/css" media = "screen" / >
4
Creare il codice jQuery che consente di impostare il popup e visualizza il file FLV. Quando si apre un file FLV, è attivare il Flash player sul desktop dell'utente. Il codice seguente crea il popup:
$(#button).click(function() () {
$("a#movie").fancybox();
$("a#inline").fancybox ({
'showmovie': true,
'moviefile': file.flv
});
$("styles").fancybox ({
' transitionIn': 'elastico',
'transitionOut': 'elastico',
' speedIn': 600,
'speedOut': 200,
'overlayShow': falso
});
});
Sostituire "file.flv" con il file che si desidera visualizzare. La sezione "stili" imposta gli stili CSS e come nella finestra viene visualizzato nel browser dell'utente. Sostituire "pulsante" con il pulsante che si desidera utilizzare per attivare il popup.