Eine CSS jQuery UL verknüpften FLV Player erstellen
Die jQuery-Sprache können Sie dynamisch CSS angepasste Windows erstellen, die Daten anzeigen, ohne die Seite aktualisieren. Sie können auch in eine FLV-Datei verknüpfen, die in Flash FLV Player automatisch spielt wenn das Fenster geöffnet wird. Dieses Feature können Sie die Anzeige von Videos und Animationen in einem Popupfenster, klickt der Benutzer auf eine Schaltfläche auf Ihrer Webseite.
Anweisungen
1 Mit der rechten Maustaste in der HTML-Datei verwenden, um das jQuery Popupfenster anzeigen möchten. Klicken Sie auf "Öffnen mit" und wählen Sie Ihre bevorzugte jQuery-Editor. Sie können auch den Code in Notepad schreiben, aber Sie nicht testen oder im Editor zu debuggen.
2 Verknüpfen Sie die Datei für die jQuery-Bibliotheken, die Sie Popup erstellen müssen. Fügen Sie den folgenden Code am Anfang der HTML-Datei in den "Kopf"-Tags:
< Skript-Typ = "Text/Javascript" Src = "& Lt; / script" Rel = "Nofollow" Target = "_blank" > http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>< Skript-Typ "Text/Javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js =" >< / script >
3 Verknüpfen Sie die Seite mit CSS-Stylesheet verwenden, um das Popupfenster anpassen möchten. Die folgenden Code-Links auf dem Blatt "styles.css":
< link Rel = "Stylesheet" href="/fancybox/styles.css" Type = "Text/Css" Medium = "Bildschirm" / >
4 Den jQuery-Code, der richtet das Popup und zeigt die FLV-Datei, zu erstellen. Wenn Sie eine FLV-Datei öffnen, lösen Sie den Flash-Player auf dem Desktop des Benutzers. Der folgende Code erstellt Popup:
{$(#button).click(function()}$("a#movie").fancybox();$("a#inline").fancybox ({}'Showmovie': stimmt,'Moviefile': file.flv});$("styles").fancybox ({}' transitionIn': 'elastisch','TransitionOut': 'elastisch',' speedIn': 600,'SpeedOut': 200,'OverlayShow': falsche});});
Ersetzen Sie "file.flv" mit der Datei, die Sie anzeigen möchten. Abschnitt "Formatvorlagen" richtet die CSS-Stile und wie das Fenster im Browser des Benutzers angezeigt wird. Ersetzen Sie "Knopf", mit der Schaltfläche, die Sie verwenden, um das Popup auslösen möchten.