Hvordan lage en CSS jQuery UL eksterne FLV Player

February 17

JQuery språk kan du dynamisk lage CSS-tilpassede vinduer som viser data uten å oppdatere siden. Du kan også koble til en FLV-fil, som spiller i FLV Flash-spilleren automatisk når vinduet åpnes. Denne funksjonen lar deg vise videoer og animasjon i et popup-vindu når brukeren klikker på en knapp på websiden.

Bruksanvisning

1 Høyreklikk på HTML-filen du ønsker å bruke for å vise popup-vinduet jQuery. Klikk "Åpne med" og velg din foretrukne jQuery editor. Du kan også skrive inn koden i Notisblokk, men du kan ikke teste eller feilsøke den i Notepad.

2 Link filen til jQuery bibliotekene du trenger for å lage popup. Legg til følgende kode til toppen av HTML-filen i "hodet" tagger:

<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 Koble siden til CSS-stilark du vil bruke til å tilpasse popup-vinduet. Følgende kode linker til "styles.css" sheet:

4 Opprett jQuery kode som setter opp popup og viser FLV filen. Når du åpner en FLV-fil, utløser du Flash player på brukerens skrivebord. Følgende kode oppretter popup:

$ (# -knappen) .Klikk (Function () {
$ ( "A # filmen") fancybox (.);
$ ( "A # inline"). Fancybox ({
'Showmovie': true,
'Moviefile': file.flv
});
$ ( "stiler"). fancybox ({
'TransitionIn': 'elastisk',
'TransitionOut': 'elastisk',
'Speedin': 600,
'SpeedOut': 200,
'OverlayShow': false
});
});

Erstatt "file.flv" med filen du ønsker å vise. Den "stiler" -delen setter opp CSS-stiler og hvordan vindusutstillingene i brukerens nettleser. Erstatt "knapp" med knappen du vil bruke til å utløse popup.