Leichtes prototypbasiertes schwimmendes/resizierbares Popup-Fenster

StackOverflow https://stackoverflow.com/questions/806981

  •  03-07-2019
  •  | 
  •  

Frage

Was ist der beste Weg, um schwimmende Fenster im Meebo-Stil zu implementieren? Ich würde es vorziehen, Prototypen zu verwenden (aber wenn es eine gute JQuery -Implementierung gibt, würde ich mich auch freuen, auch es zu prüfen). Ich möchte, dass Windows draggierbar/resizierbar und im Allgemeinen "leicht" und reaktionsschnell "ist.

War es hilfreich?

Lösung

Vielleicht möchten Sie sich das ansehen Dialogkomponente in JQuery UI. Es ist Teil der offiziellen UI -Bibliothek von JQuery. Laden Sie die herunter JQuery und JQuery UI Stellen Sie dann sicher, dass Sie auf beiden Skripten auf Ihrer Seite Verweise auf beide Skripte haben. Dann ist es so einfach wie das Aufrufen von Dialog () auf einem JQuery -Objekt. Probier das aus Dialogdokumentation für mehr Informationen.

<script type="text/javascript">
$(function() {
   $("#dialog").dialog();
});
</script>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top