So schreiben Sie Popup-Fenster in JavaScript

In diesem Artikel erfahren Sie, wie Sie Popup-Fenster mit JavaScript

schreiben

Identifikation jedes Popup-Fensters
var x =0;

var idzt = new Array();

var Window = function(config){

ID wird nicht wiederholt
idzt[x] = "zhuti"+x; Popup-Fenster-ID

Initialisierung, Parameter empfangen
this.config = {
width : config.width ||. 300, width
height : config.height ||. 200, height
Buttons: config. Schaltflächen ||. ' ', standardmäßig keine Schaltfläche
Titel: config.title || 'Titel', Titel
Inhalt: config.content || false?false:config .isMask ||. true, ob
isDrag maskiert werden soll: config.isDrag == false?false:config.isDrag || true, ob verschoben werden soll

Laden Popup-Fenster
var w = ($(window).width()-this.config.width)/2;
var h = ($(window).height()-this.config.height )/2;

var nr = "

" ; $("body ").append
(nr); Titel des Popup-Fensters laden
var content ="

"+this.config.title+"

×

";
Popup-Inhalt laden
var nrh = this.config.height - 75;
content = content+"

"+this.config.content+"< /p>";
Schaltfläche Laden
content = content+"

"+this.config. Buttons+"

";

Titel, Inhalt und Buttons zum Fenster hinzufügen
$('#'+idzt[x]).html(content);


Erstellen Sie eine Maskenebene

if
(this.config.isMask) { var zz = "

";
$("body") .append(zz);
$("#zz").css('
display
','block'); }
Maximale und minimale Einschränkungen, um Bewegungen zu vermeiden. Verlassen Sie die Seite
var maxX = $(window).width()-this.config.width;
var maxY = $(window).height( )-this.config.height;
var minX = 0,
minY = 0;

Fenster verschieben
if(this.config.isDrag)
{
Maus Popup-Fenster verschieben
$(".title") .bind("mousedown",function(e){
                                                                                                                                                                                . $(".z huti").css("
z-index
",3);
            $('#'+idzt[n]).css("z-index",4) ;
                                                                                                                                       = parseInt($('#'+idzt[n] ). css("left")), die anfängliche X-Koordinate der Popup-Ebene
startY = parseInt($('#'+idzt[n]).css("top")), die anfängliche Y-Koordinate von die Popup-Ebene
            downX = e.clientX, wenn die Maus gedrückt wird, die X-Koordinate der Maus double = e.clienty; Wenn die Maus gedrückt wird, wird die Y-Koordinate der Maus

Binden Sie die Maus, um Vorfall
$ ("Body") zu bewegen ", functionm esm es) {
🎜> maximale und minimale Grenzen
if (endx & gt; maxx)
}
🎜> end .Empty (); // Abschluss Text
", Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktion, Funktionen, Funktionsfunktion. (){
                                                                                                                               > $(".close").click(function(){
                                                                                                                                      (); Popup-Fenster entfernen
          $('#zz').remove();   Maske entfernen
              })                                                              >

Das obige ist der detaillierte Inhalt vonSo schreiben Sie Popup-Fenster in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!