Come creare un CSS jQuery UL Linked FLV Player

September 23

Il linguaggio jQuery permette di creare in modo dinamico le finestre CSS-personalizzato che visualizzano i dati senza aggiornare la pagina. È inoltre possibile collegare a un file FLV, che svolge automaticamente in FLV Flash Player quando si apre la finestra. Questa funzione consente di visualizzare i video e animazioni in una finestra popup quando l'utente fa clic su un pulsante nella pagina Web.

istruzione

1 Fare clic destro sul file HTML che si desidera utilizzare per visualizzare la finestra popup jQuery. Fai clic su "Apri con" e selezionare il vostro editor preferito jQuery. Si può anche scrivere il codice in Blocco note, ma non è possibile testare o eseguire il debug in Blocco note.

2 Collegare il file al jQuery librerie è necessario creare il popup. Aggiungere il seguente codice nella parte superiore del file HTML nei tag "head":

<Script type = "text / javascript" src = "& lt; / script" rel = "nofollow" target = "_blank"> http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min. js & quot;> & lt; / script>
<Script type = "text / javascript" src = "/ fancybox / jquery.fancybox-1.3.4.pack.js"> </ script>

3 Collegare la pagina per il foglio di stile CSS che si desidera utilizzare per personalizzare la finestra pop-up. I seguenti collegamenti codice per il foglio "styles.css":

<Link rel = "stylesheet" href = "/ fancybox / styles.css" type = "text / css" media = "screen" />

4 Creare il codice jQuery che imposta il popup e visualizza il file FLV. Quando si apre un file FLV, si attiva il Flash Player sul desktop dell'utente. Il codice seguente crea il popup:

$ (Tasto #) .Click (function () {
$ ( "# Un film") fancybox ().;
$ ( "# Una linea"). Fancybox ({
'Showmovie': vero,
'Moviefile': file.flv
});
$ ( "stili"). fancybox ({
'TransitionIn': 'elastico',
'TransitionOut': 'elastico',
'Speedin': 600,
'SpeedOut': 200,
'OverlayShow': false
});
});

Sostituire "file.flv" con il file che si desidera visualizzare. La sezione "stili" imposta gli stili CSS e di come le vetrine nel browser dell'utente. Sostituire "pulsante" con il tasto che si desidera utilizzare per attivare il popup.